//CONFIG
flickrPhotoStaticUrl = 'http://accept.sqills.com/johan/sqills-flickr/static/img/lightbox';
flickrPhotoApiKey = '6e21d0893a36349b354c233921f9090d';
flickrPhotoUserScreenName = 'sqills';
flickrPhotoCount = 0;
flickrLoadedCount = 0;

//load photo thumbnails in the photo div and apply a fancybox slideshow to them
function loadFlickrPhotoset(strPhotosetId, strPhotoDiv){
	
	$('#'+strPhotoDiv).html('');
	
	if(strPhotosetId!=""){
	
		strJsonUrl = 'http://api.flickr.com/services/rest/'
		+"?format=json"
		+"&jsoncallback=?"
		+"&method=flickr.photosets.getPhotos"
		+"&api_key="+flickrPhotoApiKey
		+"&photoset_id="+strPhotosetId
		+"&extras=o_dims"
		;
		
		$.getJSON(strJsonUrl
			, null
			, function(jsonFlickrApi){
				flickrPhotoCount = jsonFlickrApi.photoset.photo.length;
				$('#flickrPhotosetDiv').attr('style','width:'+(flickrPhotoCount*75)+'px;');
				$('#flickrPhotosetDiv').attr('width',(flickrPhotoCount*75));
				$.each(jsonFlickrApi.photoset.photo, function(i,photo){
					
					var strThumb = 'http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'_s.jpg';
					//var strLarge = 'http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'.jpg';
					var strLarge = 'http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'_b.jpg';
					var strLink = 'http://www.flickr.com/photos/'+flickrPhotoUserScreenName+'/'+photo.id;
					 
					objPhoto = $("<img/>");
					objPhoto.attr("src",strThumb);
					objPhoto.attr("class","flickr_thumb");
					objPhoto.load(function(){
                        flickrLoadedCount++;
                         if(flickrLoadedCount==flickrPhotoCount){
                             $("div#makeMeScrollable").smoothDivScroll({
                               scrollingSpeed: 6
                               , mouseDownSpeedBooster: 5
                               , autoScroll: ""
                               , autoScrollDirection: "right"
                               , autoScrollSpeed: 1
                               , pauseAutoScroll: "mouseover"
                               , visibleHotSpots: ""
                               , hotSpotsVisibleTime: 9
                               , startAtElementId: "startAtMe"});    
                         }
                   });
					
					objHref = $("<a/>");
					objHref.attr("href",strLarge);
					if(photo.title.indexOf("IMG_")>=0){
						objHref.attr("title",'Untitled ('+photo.title+')');
					}else{
						objHref.attr("title",photo.title);
					}
					objHref.attr("class","flickr_thumb_link");
					objHref.attr("rel","fancybox");
					objHref.html(objPhoto);

					objHref.appendTo('#'+strPhotoDiv);
				});
				$("a[rel=fancybox]").fancybox({
					'titlePosition' 	: 'outside',
					'autoScale'			: 'true',
					'cyclic'			: 'true',
					'centerOnScroll'	: 'true',
					'overlayOpacity'	: '0.8',
					'overlayColor'		: '#000',
					'padding'			: '0',
					'transitionIn'		: 'elastic',
					'transitionOut'		: 'fade',
					'hideOnContentClick': 'true',
					'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
						return '<span id="fancybox-title-over">' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' | ' + title : '') + '</span>';
					}
				});
               
		});
		
	}
}