/**
 * Fonction de récupération des paramètres GET de la page
 * @return Array Tableau associatif contenant les paramètres GET
 */

function extractUrlParams(){	

	var t = location.search.substring(1).split('&');
	var f = [];
	for (var i=0; i<t.length; i++){
                      var x = t[ i ].split('=');
		f[x[0]]=x[1];
	}
          var numSlide = f['slide'];
	return numSlide;
}




$(document).ready(function(){
            //Configuration
                      var retour = false;
                      var tempsTransition = 1000;
                      var affichePlayPause = false;
                      var lectureAutomatique = false;
                            var tempsAttente = 6000;
                            
                      var icones = new Array();
                                    icones['play'] = 'elements/play_slider.png';
                                    icones['pause'] = 'elements/pause_slider.png';
                                    
                      var posX = extractUrlParams();
                            
                      
                      //alert(currentPosition);
                      var slideWidth = 940;
                      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">Précédent</span>')
        .append('<span class="control" id="rightControl">Suivant</span>');
    
    
    
    
    if(posX && posX!= "" && posX!= 0){
                      var currentPosition = parseInt(posX);
                      //alert(currentPosition);
                      /*$('#slideInner').animate({
                      'marginLeft' : slideWidth*(-currentPosition)
                      },tempsTransition);*/
                      //alert(slideWidth*(-currentPosition) +"px");
                      $('#slideInner').css('marginLeft' ,slideWidth*(-currentPosition));
                      
                      } else {
                      var currentPosition = 0;  
                      }
    
    
      
      // Hide left arrow control on first load
      manageControls(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') ? parseInt(currentPosition)+parseInt(1) : parseInt(currentPosition)-parseInt(1);
        //alert(currentPosition);
            if(currentPosition == numberOfSlides && retour == false ){
                    currentPosition--;
                    pause();
            }
            
            // Cache ou montre les controles
        manageControls(currentPosition);
        // Fais bouger le slide
        $('#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 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();
                    }
            });
    }
    
    
            
    });