$(document).ready(function(){
  
  var retour = true;  
  var tempsTransition = 1500;  
  var affichePlayPause = true;  
  var lectureAutomatique = true;  
      var tempsAttente = 6000;  
    /*
  var icones = new Array();  
          icones['play'] = 'images/play_slider.png';  
          icones['pause'] = 'images/pause_slider.png';     
 	
 */
  var currentPosition = 0;
  var slideWidth = 805;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  var interval;  
  var lectureEnCours = false;
  
 

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
	// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    },tempsTransition);
  });

  // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
  function manageControls(position){
    // Cache la fleche "précédent" si on est sur le premier slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
	// Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
    if(position==numberOfSlides-1 && retour == false){
		$('#rightControl').hide();
	} else {
		$('#rightControl').show();
	}
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
		 $('#leftControl').hide();
	}
  }
  function start() {  
      lectureEnCours = true;  
          interval = setInterval(suivant, tempsAttente );  
  }  
    
  function suivant(){  
      $('#rightControl').click();  
  }  
    
  function pause() {  
      lectureEnCours = false;  
          clearInterval(interval);  
  }  
//Si le diapo est activé 
  if(lectureAutomatique == true){
    start();
  }
});