<!--Con esto puedo decidir en qué orden y con qué retraso cargar varios elementos-->
var it=1;
var ite=1;

var estamosen=1;

function mueve_r(){
	if(estamosen == 1){
		if(it<=50){
			//document.getElementById("tal").style.backgroundPosition = (-it*20) + "px";
			document.getElementById("fondos").style.backgroundPosition = (it*20) + "px";
			setTimeout("mueve_r()", 1)
			it++;
		}
		else if(it==51){
			document.getElementById("fondos").style.backgroundPosition = ((it*20)+2) + "px";
			setTimeout("mueve_r()", 1)
			it++;
		}
	} else if(estamosen == 2){
		if(it<=50){
			//document.getElementById("tal").style.backgroundPosition = (-it*20) + "px";
			document.getElementById("fondos").style.backgroundPosition = 2044+(it*20) + "px";
			setTimeout("mueve_r()", 1)
			it++;
		}
		else if(it==51){
			document.getElementById("fondos").style.backgroundPosition = 2044+((it*20)+2) + "px";
			setTimeout("mueve_r()", 1)
			it++;
		}
	} else if(estamosen == 3){
		if(it<=50){
			//document.getElementById("tal").style.backgroundPosition = (-it*20) + "px";
			document.getElementById("fondos").style.backgroundPosition = 1022+(it*20) + "px";
			setTimeout("mueve_r()", 1)
			it++;
		}
		else if(it==51){
			document.getElementById("fondos").style.backgroundPosition = 1022+((it*20)+2) + "px";
			setTimeout("mueve_r()", 1)
			it++;
		}
	}
}
function restauraValores_r(){
	it = 1;
	itebq = 1;
	itep = 1;
	itepq = 1;
	iteb = 1;
	if(estamosen == 1){
		estamosen = 3;
	} else{
		estamosen = estamosen-1;
	}
}


function mueve_l(){
	if(estamosen == 1){
		if(ite<=50){
			document.getElementById("fondos").style.backgroundPosition = (-ite*20) + "px";
			setTimeout("mueve_l()", 1)
			ite++;
		} else if(ite==51){
			document.getElementById("fondos").style.backgroundPosition = ((-ite*20)-2) + "px";
			setTimeout("mueve_l()", 1)
			ite++;
		}
	} else if(estamosen == 2){
		if(ite<=50){
			document.getElementById("fondos").style.backgroundPosition = -1022+(-ite*20) + "px";
			setTimeout("mueve_l()", 1)
			ite++;
		} else if(ite==51){
			document.getElementById("fondos").style.backgroundPosition = -1022+((-ite*20)-2) + "px";
			setTimeout("mueve_l()", 1)
			ite++;
		}
	} else if(estamosen == 3){
		if(ite<=50){
			document.getElementById("fondos").style.backgroundPosition = -2044+(-ite*20) + "px";
			setTimeout("mueve_l()", 1)
			ite++;
		} else if(ite==51){
			document.getElementById("fondos").style.backgroundPosition = -2044+((-ite*20)-2) + "px";
			setTimeout("mueve_l()", 1)
			ite++;
		}
	}
}

iteb=1;
function mueve_barca1(){
	if(iteb<=40){
		document.getElementById("barca1").style.left = 1000 - (iteb*10) + "px";
		setTimeout("mueve_barca1()", 1);
		iteb++;
	}
}
function mueve_barca1_r(){
	if(iteb<=30){
		document.getElementById("barca1").style.left = (iteb*20) + "px";
		setTimeout("mueve_barca1_r()", 1);
		iteb++;
	}
}

itebq=1;
function muevequita_barca1(){
		if(itebq<=80){
			document.getElementById("barca1").style.left = 600 - (itebq*10) + "px";
			setTimeout("muevequita_barca1()", 1)
			itebq++;
		}
}
function muevequita_barca1_r(){
		if(itebq<=30){
			document.getElementById("barca1").style.left = 600 + (itebq*10) + "px";
			setTimeout("muevequita_barca1_r()", 1)
			itebq++;
		}
}

function quiTrans_barca1(){
	$("#barca1").fadeTo(1000, 1);
}
function ponTrans_barca1(){
	$("#barca1").fadeTo(1000, 0);
}
function quiTrans_pajaros2(){
	$("#pajaros2").fadeTo(1000, 1);
}
function ponTrans_pajaros2(){
	$("#pajaros2").fadeTo(1000, 0);
}

itep=1
function mueve_pajaros2(){
		if(itep<=40){
			document.getElementById("pajaros2").style.left = aCuantop - (itep*10) + "px";
			setTimeout("mueve_pajaros2()", 1)
			itep++;
		}
}
itepq=1
function muevequita_pajaros2(){
		if(itepq<=75){
			document.getElementById("pajaros2").style.left = 600 - (itepq*10) + "px";
			
			itepq++;
			setTimeout("muevequita_pajaros2()", 1)
		}
}
function restauraValores_l(){
	ite = 1;
	itebq = 1;
	itep = 1;
	itepq = 1;
	iteb = 1;
	if(estamosen == 3){
		estamosen = 1;
	} else{
		estamosen = estamosen+1;
	}
}

function flechas_quitar(){
	$("#icon_left").hide();
	$("#icon_right").hide();
}
function flechas_poner(){
	$("#icon_left").show();
	$("#icon_right").show();
}

$(document).ready(function(){
						   		
	aCuanto = document.getElementById("barca1").offsetLeft;
	aCuantop = document.getElementById("pajaros2").offsetLeft;
	$(".icon_right").click(function(){
		
		setTimeout('flechas_quitar()',0);
		setTimeout('mueve_r()',0);
		if(estamosen == 1){
			setTimeout('muevequita_barca1_r()',0);
			setTimeout('ponTrans_barca1()',500);
		} else if(estamosen == 3){
			setTimeout('quiTrans_pajaros2()',1000);
			setTimeout('mueve_pajaros2()',1000);
		} else if(estamosen == 2){
			setTimeout('muevequita_pajaros2()',0);
			setTimeout('ponTrans_pajaros2()',300);
			setTimeout('quiTrans_barca1()',800);
			setTimeout('mueve_barca1_r()',800);
		}
		setTimeout('restauraValores_r()',3000);
		setTimeout('flechas_poner()',3000);
		
	});
	
	$("#icon_left").click(function(){

		setTimeout('flechas_quitar()',0);
		setTimeout('mueve_l()',500);
		if(estamosen == 1){
			setTimeout('muevequita_barca1()',0);
			setTimeout('ponTrans_barca1()',500);
			setTimeout('quiTrans_pajaros2()',1500);
			setTimeout('mueve_pajaros2()',1500);
		} 
		if(estamosen == 2){
			setTimeout('muevequita_pajaros2()',0);
			setTimeout('ponTrans_pajaros2()',300);
		}
		if(estamosen == 3){
			document.getElementById("barca1").style.left = "600px";
			setTimeout('quiTrans_barca1()',800);
			setTimeout('mueve_barca1()',800);
			document.getElementById("pajaros2").style.left = "1400px";
		}
		if(estamosen == 1 || estamosen == 2){
			setTimeout('restauraValores_l()',2500);
			setTimeout('flechas_poner()',2000);
		} else{
			setTimeout('restauraValores_l()',4000);
			setTimeout('flechas_poner()',4000);
		}
		
	});
});