var intervalo=null;
var frecuencia=5000;
var tiempoAnimacion=1000;
var distancia=555;//antes era 560
var numPaneles=0;
var panelActivo;
var panelIzq;
var panelDer;

function Inicio(){
	numPaneles=RecuperarPaneles();
		
	//topNavegacion=-35 + ((numPaneles-1)*(-155));
	//document.getElementById('navegacion').style.top=topNavegacion + 'px';
	
	panelActivo=0;
	panelDer=1;
	panelIzq=numPaneles-1;
	
	if(numPaneles>1){
		intervalo=setTimeout("MoverIzq()",frecuencia);
	}
}

function RecuperarPaneles(){
	i=0;
	existe=true;
	while(existe){
		panel=document.getElementById('panel'+i);
		if(panel!=null){
			//**********posicionar los paneles
			//document.getElementById('panel'+i).style.left=555*(i) + 'px';
			//document.getElementById('panel'+i).style.top=-156*(i) + 'px';
			//********************************
			if(i>0){
			    var myFxA = new Fx.Style('panel'+i, 'opacity').set(0);
			}
			i++;}
		else{
			existe=false;
		}
	}
	return i;
}

function OcultarIzq(caja){
	//Hacemos transparente panel
	var myFx = new Fx.Style(caja, 'opacity',{duration:tiempoAnimacion}).start(1,0);
	
	//Ocultamos horizontalmente panel
	d=distancia*(-1);
	DesplazarIzq(caja,d,true);
}
function DesplazarIzq(caja,d,ocultando){	
	if(caja == 'panel'+(numPaneles-1)){
		var myFx3 = new Fx.Style('panel0', 'opacity',{duration:tiempoAnimacion}).start(0,1);
	}
	
	if(!ocultando){
	    document.getElementById(caja).style.left='555' + 'px';
	    document.getElementById(caja).style.top= (-156*panelDer) + 'px';
	}
	
	var posicionLeft = new Fx.Style(caja, 'left', {duration:tiempoAnimacion});		
	if(d<0){
		posicionLeft.start(0,d);
	}
	else{
		posicionLeft.start(d, 0);
		//posicionLeft.start(555, 555);
	}
}
function OcultarDer(caja){
	//Hacemos transparente panel
	var myFx = new Fx.Style(caja, 'opacity',{duration:tiempoAnimacion}).start(1,0);
	
	//Ocultamos horizontalmente panel
	d=distancia;
	DesplazarDer(caja,d,true);
}
function DesplazarDer(caja,d,ocultando){
	if(caja == 'panel'+(numPaneles-2)){
		var myFx3 = new Fx.Style('panel0', 'opacity',{duration:tiempoAnimacion}).start(0,1);
	}
	
	if(!ocultando){
	    document.getElementById(caja).style.left='-555' + 'px';
	    document.getElementById(caja).style.top= (-156*panelIzq) + 'px';
	}
	
	var posicionRight = new Fx.Style(caja, 'left', {duration:tiempoAnimacion});
	if(d<0){
		posicionRight.start(d,0);
	}
	else{
		posicionRight.start(0, d);
	}
}
function MoverIzq(){
	Parar();
	Mostrar('panel' + panelDer);
	OcultarIzq('panel' + panelActivo);
	DesplazarIzq('panel' + panelDer,distancia,false);

	if(panelActivo<(numPaneles-1)){
		panelActivo++;
	}
	else{
		panelActivo=0;	
	}

	if(panelActivo==(numPaneles-1)){
		panelDer=0;
		panelIzq=panelActivo-1;
	}
	else if (panelActivo==0){
		panelDer=1;
		panelIzq=numPaneles-1;
	}
	else{
		panelDer=panelActivo+1;
		panelIzq=panelActivo-1;
	}
	intervalo=setTimeout("MoverIzq()",frecuencia);
	//Reiniciar();
}
function MoverDer(){
	//Parar();
	Mostrar('panel' + panelIzq);
	OcultarDer('panel' + panelActivo);
	d=distancia*(-1);
	DesplazarDer('panel' + panelIzq,d,false);
	
	if(panelActivo==0){
		panelActivo=numPaneles-1;
	}
	else{
		panelActivo--;
	}
	
	if(panelActivo==(numPaneles-1)){
		panelDer=0;
		panelIzq=panelActivo-1;
	}
	else if (panelActivo==0){
		panelDer=1;
		panelIzq=numPaneles-1;
	}
	else{
		panelDer=panelActivo+1;
		panelIzq=panelActivo-1;
	}
	intervalo=setTimeout("MoverIzq()",frecuencia);
}
function Mostrar(caja){
	var myFxA = new Fx.Style(caja, 'opacity').set(1);
}
function Reiniciar(){
	clearInterval(intervalo);
	intervalo=setInterval("MoverIzq()",frecuencia);	
}
function Parar(){	
	clearInterval(intervalo);
}