var photoIndex = 0;
var thumbnails= new Array();
var externalPics = new Array();
var displayElement;
function flickrGallery(element, photosetID) {
	displayElement = element;
	$('#' + displayElement).html("Loading flickr images");
	
	$(document).ready(function() {
		
		$.getJSON('http://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=7f336d9b5ad1b72ee1c22e28d808b756&photoset_id=' + photosetID + '&user_id=57309745@N04&per_page=12&format=json&jsoncallback=?', function(data) {

			//alert(data.photoset.photo[0].id);
			//var $pic = data.photoset.photo[0];
			
			$.each(data.photoset.photo, function(i, pic) {
			
			var photoURL = 'http://farm' + pic.farm + '.static.flickr.com/' + pic.server + '/' + pic.id + '_' + pic.secret + '_s.jpg';
			
			thumbnails.push(photoURL);
			
			var externalURL = 'http://farm' + pic.farm + '.static.flickr.com/' + pic.server + '/' + pic.id + '_' + pic.secret + '.jpg';
			
			externalPics.push(externalURL);
			
			});//end each loop
			
			//CALL TO LOAD Thumbnails
			$('#' + displayElement).empty();
			loadThumbs(0);
		}); //end getJSON
		
	});
	//end jQuery
}

function loadThumbs(index) {
	photoIndex = index;
	var thumb = new Image();
	thumb.setAttribute('class', 'flickrthumb');
	$(thumb).load(function() {
		var piclink = document.createElement('a');
		piclink.setAttribute('href', externalPics[index]);
		piclink.setAttribute('target', '_blank');
		$('#'+displayElement).append(piclink);
		//add the image
		$(piclink).append(this);
		photoIndex += 1;
		if(photoIndex <= thumbnails.length -1) {
			loadThumbs(photoIndex);
		}
	});
	thumb.src = thumbnails[index];
}