var apiKey = '7bb743c1df676f35eb52c34c77e291c3';
var userId = '60311187@N03';    
var perPage = 15;
var page = 1;
var pages = 1;

$(function() {
    
    
    $("#flickrPrev").hide();
    $("#flickrNext").click(function()
    {
    	page++;
    	getImages();
    	if(page == pages)
    		$("#flickrNext").hide();
    });
    $("#flickrPrev").click(function()
    {
    	page--;
    	getImages();
    	if(page == 1)
    		$("#flickrPrev").hide();
    });
    getImages();
});
this.getImages = function ()
{
	var thumbsStr = '';  
	$("#flickr").html("<img class='loader' src='style/images/ajax-loader.gif'/>");
	$.getJSON('http://api.flickr.com/services/rest/?format=json&method='+
		    'flickr.photos.search&api_key='+ apiKey + '&user_id=' + userId + 
		    '&per_page=' + perPage + '&page=' + page + 
		    '&jsoncallback=?',
		    function(data){
		    	//alert(data.toSource());
		    	pages = data.photos.pages;
		    	page = data.photos.page;
		    	//alert(page+" "+pages);
		    	if(pages == page)
		    		$("#flickrNext").hide();
		    	else
		    		$("#flickrNext").show();
		    	if(page == 1)
		    		$("#flickrPrev").hide();
		    	else
		    		$("#flickrPrev").show();
		    	$("#flickrNavInfo").html(page+"/"+pages);
		    	$.each(data.photos.photo, function(i, rPhoto){
			    	var basePhotoURL = 'http://farm' + rPhoto.farm + '.static.flickr.com/' + rPhoto.server + '/' + rPhoto.id + '_' + rPhoto.secret;    
			    	var thumbPhotoURL = basePhotoURL + '_s.jpg';
			    	var mediumPhotoURL = basePhotoURL + '_z.jpg';
			    	var thumbImg = '<a rel="gallery" href="'+mediumPhotoURL+'" title="'+rPhoto.title+'"><img src="' + thumbPhotoURL + '" /></a>';
		            thumbsStr += thumbImg;                       
		    	});
			    
			    $("#flickr").html(thumbsStr);
			    
			    $("a[rel=gallery]").fancybox({
					'transitionIn'		: 'none',
					'transitionOut'		: 'none',
					'titlePosition' 	: 'over',
					'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
						return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
					}
				});
		    });
}