/* VARIABLES GLOBALES*/

var timerencours = 0;
var animencours = 0;

/* EXECUTE FONCTION(S) UNE FOIS LE DOCUMENT ENTIEREMENT CHARGE */

$(document).ready(function(){
	/* fonction pour boucler les images */
	sTimer();
	/* fonction pour deplacer les images */ 
	PuceTest();
});

/* TIMER */

function sTimer(){
	timerencours = window.setTimeout('AnimImg();', 6000);
}

function clearTimer(){
	window.clearTimeout(timerencours);
}

/* DEPlACER IMAGES */

function PuceTest(){
	var tailleMoveSlide=329;
	var vitesseSlide='slow';
	var nomSlide = 'slide';
	
	$("." + nomSlide + "1").click(function(){
		if(animencours == 0){	
			animencours = 1; 
			clearTimer();
			$("#imgbox").animate({right: "0px"}, vitesseSlide, function(){animencours = 0; sTimer();});					
		}
	});

	$("." + nomSlide + "2").click(function(){
		if(animencours == 0){
			animencours = 1; 
			clearTimer();
			$("#imgbox").animate({right: tailleMoveSlide+'px'}, vitesseSlide, function(){animencours = 0; sTimer();});		
		}
	});

	$("." + nomSlide + "3").click(function(){
		if(animencours == 0){
			animencours = 1; 
			clearTimer();
			$("#imgbox").animate({right: tailleMoveSlide*2+'px'}, vitesseSlide, function(){animencours = 0; sTimer();});		
		}
	});
		

}

/* BOUCLER IMAGES */

function AnimImg(){
	
	var tailleMoveSlide=329;
	var vitesseSlide='slow';

	// test si 3eme image 
	if($("#imgbox").css("right")==tailleMoveSlide*2+'px')
	{ 
		// retour 1ere image  
		$("#imgbox").animate({right: "0px"}, vitesseSlide, function(){sTimer();})
	}
	// test si 2eme image
	else if($("#imgbox").css("right")==tailleMoveSlide+'px')
	{  
		// passage 3eme image 
		$("#imgbox").animate({right: tailleMoveSlide*2+'px'}, vitesseSlide, function(){sTimer();})	
	}
	else // sinon 1ere image 
	{		
		// passage 2eme image 
		$("#imgbox").animate({right: tailleMoveSlide+'px'}, vitesseSlide, function(){sTimer();})	
	}
	
}