$(document).ready(function(){
	//Configuration
		  var retour = true;
		  var tempsTransition = 1000;
		  var affichePlayPause = true;
		  var lectureAutomatique = true;
		  	var tempsAttente = 3000;
			
		  var icones = new Array();
		  		icones['play'] = 'slideshow/img/play_slider.png';
		  		icones['pause'] = 'slideshow/img/pause_slider.png';	
			
		  var currentPosition = 0;
		  var slideWidth2 = 255;
		  var slides2 = $('.slide_rea_client');
		  var numberOfSlides = slides2.length;
		  var interval;
		  var lectureEnCours = true;
  // Supprime la scrollbar en JS
  $('#slidesContainer_rea_client').css('overflow', 'hidden');

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

  // Longueur de #slideInner égale au total de la longueur de tous les slides
  $('#slideInner2').css('width', slideWidth2 * numberOfSlides);

  

  // Insert controls in the DOM
  $('#slideshow_rea_client')
  .prepend('<span class="control_rea_client" id="rightControl2">Suivant</span>')
    .append('<span class="control_rea_client" id="leftControl2">Précédent</span>'); 


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

  //Crée un écouteur d'évènement de type clic sur les classes .control
  $('.control_rea_client')
    .bind('click', function(){
		
    // Determine la nouvelle position
	currentPosition = ($(this).attr('id')=='rightControl2') ? currentPosition+1 : currentPosition-1;
    
	if(currentPosition == numberOfSlides && retour == false ){
		currentPosition--;
		pause();
	}
	
	// Cache ou montre les controles
    manageControls(currentPosition);
    // Fais bouger le slide
    $('#slideInner2').animate({
      'marginLeft' : slideWidth2*(-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){ $('#leftControl2').hide() } else{ $('#leftControl2').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){
		$('#rightControl2').hide();
	} else {
		$('#rightControl2').show();
	}
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
		 $('#leftControl2').hide();
	}
  }
  function suivant(){
	$('#rightControl2').click();
	}

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

  	
});