$(document).ready(function(){
	//Configuration
		  var retour = true;
		  var tempsTransition = 2000;
		  var affichePlayPause = false;
		  var lectureAutomatique = true;
		  var tempsAttente = 10000;
		  var currentPosition = 0;
		  var slideWidth = 588;
		  var slides = $('.slide');
		  var numberOfSlides = slides.length;
		  var interval;
		  var lectureEnCours = false;

  // Supprime la scrollbar en JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Attribue  #slideInner  à toutes les div .slide
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Longueur de #slideInner égale au total de la longueur de tous les slides
  $('#slideInner').css({
					  'width': slideWidth * numberOfSlides,
					  'position': 'absolute',
					  'z-index': '10'
					  });
  
  // Hide left arrow control on first load
  manageControls(currentPosition);

  // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
  function manageControls(position){
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
	}
  }
  
  function suivant(){

		// Determine la nouvelle position
		currentPosition++;
		if(currentPosition == numberOfSlides && retour == false ){
			currentPosition--;
			pause();
		}
		
		// Cache ou montre les controles
		manageControls(currentPosition);
		// Fais bouger le slide
		$('#slideInner').animate({
		  'left' : slideWidth*(-currentPosition)
		},tempsTransition);
	
}

  function pause() {
  	lectureEnCours = false;
   clearInterval(interval);
  }
  
  	lectureEnCours = true;
    interval = setInterval(suivant, tempsAttente );
 	
});