// JavaScript Document
//AUTOR: LUIS ALFREDO ARIAS SANCHEZ comp1939@hotmail.com

	var btnIzq, btnDer;
	var cont = -90; //
	//var topes =[-90, 720, 1530, 1710 ]; //
	var topes=new Array();
	topes={izquierda:-90, derecha:1710};
	var i = 0;
	var hilo, time;  //guarda el hilo de ejecucion
	var carrousel;
	var ultimoI; //
	var ejecutandoce=false; //
	var direccion; //almacena la direccion en la que se estaba moviendo el carrousel
	var pos; //guarda el desplazamiento del carrousel en pixeles (del lado derecho)
		
	
function cargaCarrousel(){

	carrousel=document.getElementById('carrousel');	
		
	btnIzq=document.getElementById('btnCarrIzq');

	btnDer=document.getElementById('btnCarrDer');

	/*btnIzq.onclick=dirIzq;
	
	btnDer.onclick=dirDer;*/

	
	btnIzq.onmousedown=hacerClickBtnIzq;
	btnDer.onmousedown=hacerClickBtnDer;
	btnIzq.onmouseup=desHacerClickBtnIzq;
	btnDer.onmouseup=desHacerClickBtnDer;
	btnIzq.onmouseout=desHacerClickBtnIzq;
	btnDer.onmouseout=desHacerClickBtnDer;
	carrousel.onmouseover=stopCarrousel;
	carrousel.onmouseout=semaforo2;
	
	
	semaforo();

}


function hacerClickBtnDer() //da el efecto de presionado al boton personalizado cambiandolo por una imagen
{
	btnDer.setAttribute('src','imagenes/btnCarrDer_presionado.png');
	
	moveRight();
	
}

function hacerClickBtnIzq() //da el efecto de presionado al boton personalizado cambiandolo por una imagen
{
	
	btnIzq.setAttribute('src','imagenes/btnCarrIzq_presionado.png');
	
	moveLeft();
	
}

function desHacerClickBtnIzq() //da el efecto de no presionado al boton personalizado
{
	
	btnIzq.setAttribute('src','imagenes/btnCarrIzq.png');
	stopCarrousel();
	
}

function desHacerClickBtnDer()
{
	
	btnDer.setAttribute('src','imagenes/btnCarrDer.png');
	stopCarrousel();
	
}

function semaforo2()
{
	
	if(direccion==null)
	{
		direccion="derecha";
		moveRight();
				
	}
	else if(direccion=='derecha')
	{
		clearInterval(hilo);
		direccion='derecha';
		moveRight();
		
	}
	else{
	
		clearInterval(hilo);
		direccion='left';
		moveLeft();
	}
}


function semaforo() //se activara cuando haya un cambio de direccion
{
	
	if(direccion==null)
	{
			
		direccion="derecha";
		moveRight();
				
	}
	else if(direccion=='derecha')
	{
		clearInterval(hilo);
		direccion='izquierda';
		moveLeft();
		
	}
	else{
	
		clearInterval(hilo);
		direccion='derecha';
		moveRight();
	}
	
}


function moveLeft()
{
	
	clearInterval(hilo);
	
	direccion="izquierda";

	hilo=setInterval(move, '30');
	
}

function moveRight()
{

	clearInterval(hilo);

	direccion="derecha";

	hilo=setInterval(move, '30');

	
}


function move(){

	pos = pos==null?-90:pos;

	carrousel.style.right = pos + "px";
	
	if (topes[direccion] > pos && direccion == "derecha") {
		pos += 5;
	}
	else if (topes[direccion] < pos && direccion == "izquierda") 
	{
		pos -= 5;	
	
	}
	else {
		
		semaforo(); // se activara el semaforo en caso de que haya llegado al tope
	
	}
   
}

function stopCarrousel()
{
	
	
	clearInterval(hilo);   //detiene el hilo de ejecucion para frenar el desplazamiento
	
}