$(document).ready(function(){
        //Configuration
                  var retour = true;
                  var tempsTransition = 1000;
                  var affichePlayPause = false;
                  var lectureAutomatique = true;
                          var tempsAttente = 6000;

                  var icones = new Array();
                                  icones['play'] = 'img/play_slider.png';
                                  icones['pause'] = 'img/pause_slider.png';

                  var currentPosition = 0;
                  var slideWidth = 735;
                  var slides = $('.slide');
                  var numberOfSlides = slides.length;
                  var interval;
                  var lectureEnCours = false;
  // Supprime la scrollbar en JS
  $('#slidesContainer').css('overflow', 'hidden');

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


  // Insert controls in the DOM
  $('#slideshow')
//    .prepend('<span class=\"control\" id=\"leftControl\">Precedent</span>')
    .append('<span class=\"control\" id=\"leftControl\">Precedent</span>')
    .append('<span class=\"control\" id=\"rightControl\">Suivant</span>');



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

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

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

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

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

        // Cache ou montre les controles
    manageControls(currentPosition);
  // Hide left arrow control on first load
  manageCaptions(currentPosition);

    // Fais bouger le slide
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    },tempsTransition);
  });

  function manageCaptions(position){
            $('#texte_slide1').hide();
            $('#texte_slide2').hide();
            $('#texte_slide3').hide();
        if(position==0){ $('#texte_slide1').show("slow") }
        if(position==1){ $('#texte_slide2').show("slow") }
        if(position==2){ $('#texte_slide3').show("slow") }
  }

  
  // 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 suivant(){
        $('#rightControl').click();
        }
  function start() {
          lectureEnCours = true;
    interval = setInterval(suivant, tempsAttente );
  }
  function pause() {
          lectureEnCours = false;
   clearInterval(interval);
  }

 //Si le diapo est activé
if(lectureAutomatique == true){
  start();
}
if(affichePlayPause == true){
        $('#slidesContainer').prepend('<img id=\"navDiapo\" src=\"\" alt=\"Navigation diaporama\" />');
        if(lectureAutomatique == true){
                $('#navDiapo').attr('src',icones['pause']);
        }else{
                $('#navDiapo').attr('src',icones['play']);
        }
        $('#navDiapo').bind('click', function(){
                if(lectureEnCours == true){
                        $(this).attr('src',icones['play']);
                        pause();
                }else{
                        $(this).attr('src',icones['pause']);
                        start();
                }
        });
}



});