var TableauProduits;
var PositionDepart;
var PositionArrive;
var LargeurPdt = 490; //Largeur du bloc produit
var NombreLi;
var TailleConteneur;
var MonTimer;

window.onload = Start;
//-------------------------------------------------------------------
function Start(){
	TableauProduits = document.getElementById("slides").getElementsByTagName("li");	
	NombreLi = TableauProduits.length;
	TailleConteneur = NombreLi * LargeurPdt;
	
	for(var i=0; i<TableauProduits.length;i++){
		TableauProduits[i].style.left = LargeurPdt*i+"px";
	}
	MoveAuto();
}
//-------------------------------------------------------------------
function MoveAuto(){
	for(var i=0; i<TableauProduits.length;i++){		
		PositionDepart = parseInt(TableauProduits[i].style.left);
		PositionArrive = PositionDepart - LargeurPdt;
		
		if( PositionArrive % LargeurPdt != 0){
			location.reload() ;
		}
		else if(PositionArrive == LargeurPdt*-2){
			TableauProduits[i].style.left = TailleConteneur-LargeurPdt*2+"px";
		}
		else{
			$(TableauProduits[i]).animate({ left: PositionArrive }, 500);
		}
	}	
	MonTimer = setTimeout("MoveAuto()",4000);
}
//-------------------------------------------------------------------
function Suivant(){
	for(var i=0; i<TableauProduits.length;i++){
		PositionDepart = parseInt(TableauProduits[i].style.left);
		PositionArrive = PositionDepart - LargeurPdt;

		if( PositionArrive % LargeurPdt != 0){
			location.reload() ;
		}		
		else if(PositionArrive == LargeurPdt*-2 || PositionArrive< LargeurPdt*-2){
			TableauProduits[i].style.left = TailleConteneur-LargeurPdt*2+"px";
		}
		else{
			$(TableauProduits[i]).animate({ left: PositionArrive }, 100);
			clearTimeout(MonTimer);
			MonTimer = setTimeout("MoveAuto()",6000);
		}
	}
}
//-------------------------------------------------------------------
function Precedent(){
	for(var i=0; i<TableauProduits.length;i++){
		PositionDepart = parseInt(TableauProduits[i].style.left);
		PositionArrive = PositionDepart + LargeurPdt;
		
		if( PositionArrive % LargeurPdt != 0){
			location.reload() ;
		}
		else if(PositionArrive == TailleConteneur-LargeurPdt){
			TableauProduits[i].style.left = LargeurPdt*-1+"px";
		}
		else{
			$(TableauProduits[i]).animate({ left: PositionArrive }, 100);
			clearTimeout(MonTimer);
			MonTimer = setTimeout("MoveAuto()",6000);
		}
	}
}