jQuery(document).ready(function(){
	//Configuration
  var retour =true;
  var currentPosition = 0;
  var slideWidth = 250;
  var numberOfSlides =  jQuery('.slide').length;
	
	//Longueur d'un slide
	jQuery('.slide').css({'width' : slideWidth});
  // Longueur de #slideInner égale au total de la longueur de tous les slides
  jQuery('#slideInner').css('width', slideWidth * numberOfSlides);

	//Cette fonction lance l'animation
	function anim(currentPosition,slideWidth) 
	{	
    // Fais bouger le slide
    jQuery('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    },1000);
    return currentPosition;
  }
 
  //Crée un écouteur d'évènement de type clic sur les classes .slide pour arreter l'animation
  jQuery('.slide').bind("click",function(){clearInterval(timer);});

//on lance l'annimation en boucle toute les secondes (4000 miliseconde)
var timer=setInterval(function()
{
	currentPosition=anim(currentPosition,slideWidth,numberOfSlides);
	
	if ((currentPosition+3 < numberOfSlides || currentPosition < 0) && retour == true )
	{ 
		currentPosition = currentPosition+1 ;
	}
	else
	{ 
		currentPosition = currentPosition-1;
		retour=(currentPosition <= 0 )? true:false;
	}
},4000);
 
});