$(document).ready(function(){
	//Configuration
		  var retourb = false;
		  var tempsTransitionb = 1500;
		  var affichePlayPauseb = true;
		  var lectureAutomatiqueb = false;
		  	var tempsAttenteb = 10000;
			
		  var iconesb = new Array();
		  		iconesb['play'] = 'img/play_slider.png';
		  		iconesb['pause'] = 'img/pause_slider.png';	
			
		  var currentPositionb = 0;
		  var slideWidthb = 580;
		  var slidesb = $('.slide2');
		  var numberOfSlidesb = slidesb.length;
		  var intervalb;
		  var lectureEnCoursb = false;
  // Supprime la scrollbar en JS
  $('#slidesContainer2').css('overflow', 'hidden');

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

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

  // Insert controls in the DOM
  $('#slideshow2')
    .prepend('<span class="control2" id="leftControl2">&nbsp;</span>')
    .append('<span class="control2" id="rightControl2">&nbsp;</span>');


  
  // Hide left arrow control on first load
  manageControlsb(currentPositionb);

  //Crée un écouteur d'évènement de type clic sur les classes .control
  $('.control2')
    .bind('click', function(){
		
    // Determine la nouvelle position
	currentPositionb = ($(this).attr('id')=='rightControl2') ? currentPositionb+1 : currentPositionb-1;
    
	if(currentPositionb == numberOfSlidesb && retourb == false ){
		currentPositionb--;
		pauseb();
	}
	
	// Cache ou montre les controles
    manageControlsb(currentPositionb);
    // Fais bouger le slide
    $('#slideInner2').animate({
      'marginLeft' : slideWidthb*(-currentPositionb)
    },tempsTransitionb);
  });

  // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
  function manageControlsb(positionb){
    // Cache la fleche "précédent" si on est sur le premier slide
	if(positionb==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(positionb==numberOfSlidesb-1 && retourb == false){
		$('#rightControl2').hide();
	} else {
		$('#rightControl2').show();
	}
	if(positionb == numberOfSlidesb && retourb == true){
		currentPositionb = 0;
		 $('#leftControl2').hide();
	}
  }
  function suivantb(){
	$('#rightControl2').click();
	}
  function startb() {
  	lectureEnCoursb = true;
    intervalb = setInterval(suivantb, tempsAttenteb);
  }
  function pauseb() {
  	lectureEnCoursb = false;
   clearInterval(intervalb);
  }
  
 //Si le diapo est activé 
if(lectureAutomatiqueb == true){
  startb();
}
if(affichePlayPauseb == true){
	$('#slidesContainer2').prepend('<img id="navDiapo2" src="" alt="Navigation diaporama" />');
	if(lectureAutomatiqueb == true){
		$('#navDiapo2').attr('src',iconesb['pause']);
	}else{
		$('#navDiapo2').attr('src',iconesb['play']);	
	}
	$('#navDiapo2').bind('click', function(){
		if(lectureEnCoursb == true){
			$(this).attr('src',iconesb['play']);
			pauseb();
		}else{
			$(this).attr('src',iconesb['pause']);
			startb();
		}
	});
}


  	
});