var real_fotos = new Array();
var thumbs_fotos = new Array();
var big_fotos = new Array();

var leftImg = 0;
var rightImg = 5;
var ajaxQueue = 0;

function loadBigImg()
{
	$(".smallImage").unbind('click').click(function(){
		getImage(real_fotos[$(this).attr('href')],drawRealImage);
		getImage(big_fotos[$(this).attr('href')], drawBigPhoto);
		return false;

	});
}

function getImage(url, callback)
{
	ajaxQueue++;
	sendPost('', url, callback, ajaxError);
	return false;
}

function drawBigPhoto(jsonData){

	var main_big_fotos = $(jsonData['url']);
	$("#mainImgBig").attr('href',main_big_fotos.attr('src'));
	Shadowbox.setup($(".shadowbox")); 
	ajaxQueue--;
	loadBigImg();		
	return false;
}

function drawRealImage(jsonData){

	$(".bigImage").fadeOut().replaceWith(jsonData['url']);
	ajaxQueue--;
	loadBigImg();		
	return false;
}

function drawNextThumb(jsonData){

	$("#carrouselUl").append('<li id="smallImgLi_' + rightImg  + '"><a  href="' + rightImg  + '" class="smallImage">' + jsonData['url'] + '</a></li>');
	ajaxQueue--;
	loadBigImg();
	return false;
}

function drawPrevThumb(jsonData){

	$("#carrouselUl").prepend('<li id="smallImgLi_' + leftImg + '"><a  href="' + leftImg + '" class="smallImage">' + jsonData['url'] + '</a></li>');
	ajaxQueue--;
	loadBigImg();	
	return false;
}

$(document).ready(function(){
	
	loadBigImg();
	
	$("#btSiguiente").click(function(){
	
		if(ajaxQueue < 1 ){
			var top = (rightImg + 1);
			if(thumbs_fotos.length > top){
				rightImg = (rightImg + 1);
				getImage(thumbs_fotos[rightImg],drawNextThumb);
				$("#smallImgLi_" + leftImg).remove();
				leftImg  = (leftImg + 1);
			}
		}
		return false;
	
	});
	
	$("#btAnterior").click(function(){
		
		if(ajaxQueue < 1 ){
			if(leftImg > 0){
				leftImg = leftImg-1;
				getImage(thumbs_fotos[leftImg],drawPrevThumb);
				$("#smallImgLi_" + rightImg).remove();
				rightImg = rightImg-1;
			}
		}
		return false;
	
	});
	
	$(".tagAlbum").click(function(){
		$("#buscador").attr('value',$(this).html());
		$("#searchAlbumFrm").submit();
		return false;
	});
	
	
});