var api_key 		= 'e668f4f2732777fe9c6eca3eac46ceb4';
 var START 			= true;
 var gLoadImage		= './images/loader.gif';
 var iLoader		= '<img class="loader" src="' + gLoadImage + '" />';
 var loading		= '<span><img class="loader" src="images/loader-black.gif" /> cargando</span>';
 var ACTUAL_PAGE 	= 1;
 var TOTAL_PAGES	= 0;
 var ACTUAL_IMG		= -1;
 var MAX_PAGE		= 10;
 
 function setPhoto(){
	if(START){
		$('ul.slides-nav li:first a').click();
	}						
 }
 
 
 function showOriginal( id ){	
	 $('.album img').fadeOut();
	 $('.album').html(loading)						 				
	 data = id.split("::");							
	 image_src = 'http://farm'+data[0]+'.static.flickr.com/'+data[1]+'/'+data[2]+'_'+data[3]+'_b.jpg';
	 img = new Image();
	 $(img).hide();
	 $(img).load(function() {														
		$('.album').html(this);		
		if($(this).height() < $(this).width()){		
		//alert($(this).height()+" < "+ $(this).width())							
			//$(this).css('width', '100%');
		}
		else{
			//$(this).css('height', '491px');
		}
		$('.album img').fadeIn();															
	 })
	 .attr('src', image_src)
							 
 }
 
 
 /*
 * FUNCTION: LoadAllImages()
 * DESCRIPTION: Precarga de imágenes
 * =========================================================
 */
function LoadAllImages(){
	$('.loadable-image').each(function(){ 								
		$(this).html(iLoader);
		LoadThisImage($(this));    	
	});
}

/*
 * FUNCTION: LoadThisImage()
 * DESCRIPTION: Precarga de imágenes
 * =========================================================
 */
function LoadThisImage(loader, fCallBack){
	data 		= loader.attr('id').split("::");
	image_src 	= 'http://farm'+data[0]+'.static.flickr.com/'+data[1]+'/'+data[2]+'_'+data[3]+'_s.jpg';
	image_id  	= loader.attr('id');
	order		= loader.attr('order');
	img = new Image();
	$(img).hide();
 
	$(img).load(function() {
		cb_js = loader.get(0).getAttribute('onload');  
		onload_cb = function(){
			eval(cb_js);
		}       
 
		loader.html(this);
		loader.removeClass('loadable-image');								
		loader.removeAttr('onload');
		loader.removeAttr('id');								
		$(this).show(); 
		if (onload_cb){                
			onload_cb();
		}              
		if (fCallBack){
			cb = fCallBack;
			cb($(this));
		}        
	})
	.error()
	.attr('src', image_src)
	.attr('id', image_id)	
	.attr('order', order)							
	.addClass('elem-thumb')
	.click(function() {
		showOriginal($(this).attr('id'))
		$('img.elem-thumb').parent().removeClass('sel');
		$(this).parent().addClass('sel');
		ACTUAL_IMG = $(this).attr('order');	
	})							
	.show();
}

function printFirst(){
	if($('#slideshow ul.slides-nav li:first img.elem-thumb').length == 0){
		setTimeout("printFirst()", 500);
	}
	else{
		$('#slideshow ul.slides-nav li:first img.elem-thumb').click()
	}
}

function printLast(){
	if($('#slideshow ul.slides-nav li:last img.elem-thumb').length == 0){
		setTimeout("printLast()", 500);
	}
	else{
		$('#slideshow ul.slides-nav li:last img.elem-thumb').click()
	}
}
 
/*
 * FUNCTION: getPhotos()
 * DESCRIPTION: carga fotos (miniaturas) de una página
 * =========================================================
 */ 
function getPhotos( page, start ){
	start = start || false;
	$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key="+api_key+"&user_id=28884615%40N06&page="+page+"&per_page="+MAX_PAGE+"&format=json&jsoncallback=?",
	function(data){
		$('#slideshow ul.slides-nav').html("");
		TOTAL_PAGES = data.photos.pages;
		ACTUAL_PAGE = page;		
		$.each(data.photos.photo, function(i,photo){																		
			lnk = '<span class="loadable-image" order="'+i+'" id="'+photo.farm+'::'+photo.server+'::'+photo.id+'::'+photo.secret+'"></span>';
			elem = $('<li>').append(lnk); 
			$('#slideshow ul.slides-nav').append(elem);		
		});
		LoadAllImages();
		switch(start){
			case 'first': printFirst(); break;
			case 'last': printLast(); break;
		}
	});							
}

function nextPage(start){
	start = start || false;
	if(ACTUAL_PAGE < TOTAL_PAGES){
		getPhotos( ++ACTUAL_PAGE, start );
		ACTUAL_IMG = -1;
	}
}

function prevPage(start){
	start = start || false;
	if(ACTUAL_PAGE > 1){
		getPhotos( --ACTUAL_PAGE, start );
		ACTUAL_IMG = -1;
	}
}

function nextImg(){							
	if(ACTUAL_IMG < MAX_PAGE){								
		or = ++ACTUAL_IMG;								
		$($('.slides-nav').find('img').get(or)).click() 
	}
	else{
		nextPage('first');
		ACTUAL_IMG = -1;		
	}
}

function prevImg(){
	if(ACTUAL_IMG > 0){
		or = --ACTUAL_IMG;
		$($('.slides-nav').find('img').get(or)).click() 
	}
	else{
		prevPage('last');
		ACTUAL_IMG = MAX_PAGE-1;		
	}
}

$(document).ready(function(){ 
	if(!jQuery.browser.flash){
		$("#flickr object").remove();
		$("#slideshow").show();
		getPhotos( 1, 'first' ); 
	}
});