$(document).ready(function(){
  var currentPosition = 1; // Position intiale
  var slideWidth = 472; // Taille du slideshow
  var slides = $('.slide'); // Pour éclaircir un peu le code
  var numberOfSlides = slides.length; // Retrouve le nomde de slides
  var tempoSlide = 4000; // Secondes
  
  

  // Retire la scrollbar
  $('#slideShow').css('overflow', 'hidden');
  //Redimenssionement du bloc qui affiche les slide
  //Plus necessaire de prendre en compte la sidebar (20 px)
  $('#slidesContainer').css('width', slideWidth+'px');
  // Met tous les .slides dans la div #slideInner
  slides.wrapAll('<div id="slideInner"></div>')
  // Un float left pour tout afficher horizontalement, on met a jour la width de .slides
  .css({
    'float' : 'left',
    'width' : slideWidth
  });
  
  // redimenssioner le width de #slideInner lui attribuer la valeur total des slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Ajout des boutons de navigations
  // Bien qu'ils soient déjà présent dans la CSS ils n'étaient pas dans la page HTML
  $('#prevSlide')
    .prepend('<span class="control" id="leftControl"><!--Move left--></span>')
  $('#nextSlide')
    .prepend('<span class="control" id="rightControl"><!--Move left--></span>')
  // Creation des liens vers les différents slide
 
    function manageControls(id){
	  clearInterval(interval);
	  var position= id.substr(3);
	  $('#slideInner').animate({
	      marginLeft : (position - 1) * 472 * -1},
              0, function(){
          $('#'+id).attr('class', 'btnOn');
          $('#btn'+currentPosition).attr('class', 'btnOff');
           currentPosition = position;
            interval = setInterval(autoPlay, tempoSlide);
              });

	  }
  
  
  // Ajouter une condition si il y 'a besoin de plus de 5 slides
  $(".btnOff").live('click', function(){
	  manageControls($(this).attr('id'));
    });
  function autoPlay(){
	  
	  if(currentPosition == numberOfSlides ){
		  clickBtn = 1;
	  }
		  else{
			  clickBtn = parseInt(currentPosition) + 1;
		  }
	  
	  manageControls('btn'+ clickBtn);
  };
    

interval = setInterval(autoPlay, tempoSlide);  
});