// 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 < 10; i++) {
	if (rsp.photoset){
  	photo = rsp.photoset.photo[i];
	} 
	else {
  	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/'+ '21296442@N06' +'/'+ photo.id;
  	s += '<a href="'+ p_url +'" title="'+ photo.title +'"><img alt="'+ photo.title +'" src="'+ t_url +'" /></a>';
 	}
 	//this tells the JavaScript to write everything in variable s onto the page
 	document.writeln(s); 
}