var speed = 25;
var pas = 2
var pic, numImgs, arrLeft, i, totalWidth, n, myInterval; 
var isPaused = true ;
var isRewind = false ;

$(window).load(function(){
	pic = $("#slider").children("img");
	numImgs = pic.length;
	if(numImgs>1){
		arrLeft = new Array(numImgs);
		
		// Mise en place des images
		for (i=0;i<numImgs;i++){
			totalWidth=0;
			for(n=0;n<i;n++){
				if(!isRewind){
					totalWidth += $(pic[n]).width();
				}
			}
			arrLeft[i] = totalWidth;
			$(pic[i]).css("left",totalWidth);
		}
	
		myInterval = setInterval("flexiScroll()",speed);
		$('#imageloader').hide();
		$(pic).show();	
		myInterval2 = setTimeout("autoPauseStart()",'2000');
		
		$("#sliderPause").click(function(){
			isPaused = !isPaused;
		});
		
		$("#sliderRewind").click(function(){
			isPaused = false ;
			isRewind = !isRewind;
		});
	}
	else
	{
		$(pic).show();	
		$('#imageloader').hide();
	}
	
});

function autoPauseStart(){
	isPaused = false
}

function flexiScroll(){
	if(!isPaused){
		if(!isRewind){
			for (i=0;i<numImgs;i++){
				if( arrLeft[numImgs-1] <= (692 - $(pic[numImgs-1]).width()) ){
					isPaused = true;
				}
				else
				{
					arrLeft[i] -= pas;
				}
				$(pic[i]).css("left",arrLeft[i]);
			}
		}
		else
		{
			for (i=0;i<numImgs;i++){
				if( arrLeft[0] >= 0 ){
					isPaused = true;
				}
				else
				{
					arrLeft[i] += pas;
				}
				$(pic[i]).css("left",arrLeft[i]);
			}
		}
	}
}

/*
			for (i=0;i<numImgs;i++){
				arrLeft[i] += pas;
				if(arrLeft[0] < 0){
					$(pic[i]).css("left",arrLeft[i]);
				}
			}
 */
// si arrLeft[numImgs-1] <= 692 - $(pic[numImgs-1]).width()
// Quand l'image disparait a gauche
/*
if (arrLeft[i] <= -($(pic[i]).width())){	
	totalWidth = 0;	
	// On la replace après toutes les autres images
	for (n=0;n<numImgs;n++){
		totalWidth += $(pic[n]).width();
	}	
	arrLeft[i] =  totalWidth;	
}
*/