// JavaScript Document
function jsonFlickrApi(rsp) {
	if (rsp.stat != "ok"){
  	// If this executes, something broke!
  	return;
 	}
 	//variable "s" is going to contain 
 	//all the markup that is generated by the loop below
 	var s = "";

 	//this loop runs through every item and creates HTML that will display nicely on your page
 	//this example displays 10 photos because because variable i is set to 10
 	//you can change that number depending on how many photos you want to show
 	//to show all the photos, replace that number with rsp.photos.photo.length
 	for (var i=0; i < rsp.photos.photo.length; i++) {
  	photo = rsp.photos.photo[i];

  	//notice that "s.jpg" is where you change the size of the image
  	t_url = 'http://farm'+ photo.farm +'.static.flickr.com/'+ photo.server +'/'+ 
  	photo.id +'_'+ photo.secret +'_s.jpg';

  	p_url = 'http://www.flickr.com/photos/'+ photo.owner +'/'+ photo.id;
	
	l_url = 'http://farm'+ photo.farm +'.static.flickr.com/'+ photo.server +'/'+ 
  	photo.id +'_'+ photo.secret +'.jpg';

  	s += '<div class="sm-photo"><a rel="tanzania_gallery" href="'+ l_url +'" title="'+ photo.title +'"><img alt="'+ photo.title +'" src="'+ t_url +'" /></a></div>';
 	}

 	//this tells the JavaScript to write everything in variable s onto the page
	document.getElementById("galleryimages").innerHTML = s;
	//gal.appendChild(document.writeln(s))
 	//document.writeln(s); 
}