/* Image scroll presentation script using jquery initiated by
Fraydo http://cathonaute.free.fr/ http://twitter.com/fraydo
adapted by Noé Cendrier http://www.noecendrier.fr/ 
for use with the Gallery Dotclear plugin and better compatibilty 
with obsoletes browsers (yes, I do Mean IE6)
*/
$(document).ready(function(){
	  //Configuration
		    var retour = true;
		    var tempsTransition = 1000;
		    var affichePlayPause = true;
		    var lectureAutomatique = false;
			  var tempsAttente = 3000;
			  
		   var icones = new Array();
				  icones['play'] = '/gallerytheme/brandy/img/play.png';
				  icones['pause'] = '/gallerytheme/brandy/img/pause.png';	
			  
		    var currentPosition = 0;
		    var slideWidth = 800;
		    var slides = $('.slide');
		    var numberOfSlides = slides.length;
		    var interval;
		    var lectureEnCours = false;
    // Supprime la scrollbar en JS
    $('#slidesContainer').css({'overflow' : 'hidden','width' : slideWidth});

    // 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')
      .append('<div id="controls"><img class="control" id="leftControl" alt="Précédent" src="/gallerytheme/brandy/img/prev.png" title="revoir la précédente" /><span> | </span><img class="control" id="rightControl" alt="Suivant" src="/gallerytheme/brandy/img/next.png" title="la suite !" /></div>');


    
    // 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') ? currentPosition+1 : currentPosition-1;
      
	  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').css('margin-left',-10000); 
	    //$('#slidesContainer').css('margin-top','1.1em');
	  } else{ 
	    $('#leftControl').css('margin-left','');
	    //$('#slidesContainer').css('margin-top','');    
}
	  // 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').css('margin-left',-10000);
	  }
    }
    function suivant(){
	  $('#rightControl').click();
	  }
    function start() {
	  lectureEnCours = true;
	  suivant();
      interval = setInterval(suivant, tempsAttente );
    }
    function pause() {
	  lectureEnCours = false;
    clearInterval(interval);
    }
    
  //Si le diapo est activé 
  if(lectureAutomatique == true){
    start();
  }
  if(affichePlayPause == true){
	  $('#controls').append('<span> | </span><img id="navDiapo" alt="Défilement automatique" />');
	  if(lectureAutomatique == true){
		  $('#navDiapo').attr('src',icones['pause']).attr('title','arrêter le diaporama');
	  }else{
		  $('#navDiapo').attr('src',icones['play']).attr('title','lancer le diaporama');
	  }
	  $('#navDiapo').bind('click', function(){
		  if(lectureEnCours == true){
			  $(this).attr('src',icones['play']).attr('title','lancer le diaporama');;
			  pause();
		  }else{
			  $(this).attr('src',icones['pause']).attr('title','arrêter le diaporama');
			  start();
		  }
	  });
  }


	  
  });