$(document).ready(function(){
	$('#EditoSlideShow').css('display','block');
	//Configuration
		  var retour = true;
		  var tempsTransition = 500;
		  var currentPosition = 0;
		  var slideWidth = 250;
		  var slides = $('.EditoSlide');
		  var numberOfSlides = slides.length;
      
  // Supprime la scrollbar en JS
  $('#EditoSlideSContainer').css('overflow', 'hidden');

  // Attribue  #slideInner  à  toutes les div .slide
  slides
    .wrapAll('<div id="EditoSlideInner"></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
  $('#EditoSlideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
//
//  $('#EditoSlideShow')
//    .prepend('<span class="control" id="EditoLeftControl">Précédent</span>')
//    .append('<span class="control"  id="EditoRightControl">Suivant</span>');



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

  //Crée un écouteur d'événement de type clic sur les classes .control
  $('.EditoControl')
    .bind('click', function(){

    // Determine la nouvelle position
	currentPosition = ($(this).attr('id')=='EditoRightControl') ? currentPosition+1 : currentPosition-1;

	if(currentPosition == numberOfSlides && retour == false ){
		currentPosition--;
		pause();
	}

	// Cache ou montre les controles
    manageControls(currentPosition);
    // Fais bouger le slide
    $('#EditoSlideInner').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){ $('#EditoLeftControl').hide() } else{ $('#EditoLeftControl').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){
		$('#EditoRightControl').hide();
	} else {
		$('#EditoRightControl').show();
	}
  //alert((position)+' -> '+currentPosition+' --> '+numberOfSlides);
	if((position) == numberOfSlides && retour == true){
		currentPosition = 0;
		 $('#EditoLeftControl').hide();
	}
  }
  function suivant(){
	$('#EditoRightControl').click();
	}
});