// JavaScript Document
$j(document).ready(function(){
//Configuration

                  var retour = true;
                  var tempsTransition = 1000;
                  var affichePlayPause = true;
                  var lectureAutomatique = true;
                  var tempsAttente = 9000;
                  
                  var icones = new Array();
                  icones['play'] = '../images/leftControl.png';
                  icones['pause'] = '../images/rightControl.png';	
                  
                  var currentPosition = 0;
                  var slideWidth = 700;
                  var slides = $j('.slide');
                  var numberOfSlides = slides.length;
                  var interval;
                  var lectureEnCours = true;
                  // Supprime la scrollbar en JS
                  $j('#slidesContainer').css('overflow', 'hidden');
                  
                  // Attribue  #slideInner  à toutes les div .slide
                  slides.wrapAll('<div id="slideInner"></div>').css({
                                    'float' : 'left',
                                    'width' : slideWidth
                  });
                  
                  // Longueur de #slideInner égale au total de la longueur de tous les slides
                  $j('#slideInner').css('width', slideWidth * numberOfSlides + numberOfSlides*(2*78));
                  
                  // Insert controls in the DOM
                  $j('#slideshow')
                  .prepend('<div class="control" id="leftControl"></div>')
                  .append('<div class="control" id="rightControl"></div>');
                  
                  
                  // Hide left arrow control on first load
                  //manageControls(currentPosition);
                  
               //   //Crée un écouteur d'évènement de type clic sur les classes .control
//                  $j('.control').bind('click', function(){
//                                    pause();
//                                    currentPosition = ($j(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
//                                    
//                                    if(currentPosition == numberOfSlides && retour == false ){
//                                                      currentPosition--;
//                                                      pause();
//                                    }
//                                    
//                                    manageControls(currentPosition);
//                                    
//                                    $j('#slideInner').animate({
//                                                      'marginLeft' : (slideWidth + (2*78))*(-currentPosition)
//                                    },tempsTransition);
//                  });
//                  
//                  // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
//                  function manageControls(position){
//                                    if(position==0){
//                                                     $j('#leftControl').fadeOut(100)
//                                    } else{
//                                                      $j('#leftControl').fadeIn(100)
//                                    }
//                                    if(position==numberOfSlides-1){
//                                                      $j('#rightControl').fadeOut(100);
//                                    } else {
//                                                    $j('#rightControl').fadeIn(100);
//                                   }
//                                    
//                                    if(position == numberOfSlides && retour == false){
//                                                      currentPosition = 0;
//                                                      //$j('#leftControl').fadeOut(100);
//                                    }
//                  
//                  }
//                  
//                  function suivant(){
//                                    $j('#rightControl').click();
//                  }
//                  
//                  function start() {
//                                    lectureEnCours = true;
//                                    interval = setInterval(suivant, tempsAttente );
//                  }
//                  
//                  function pause() {
//                                    lectureEnCours = false;
//                                    clearInterval(interval);
//                  }
//                  
//                  if(lectureAutomatique == true){
//                                    start();
//                  }
//                  
//                  if(affichePlayPause == true){
//                                    $j('#slidesContainer').prepend;
//                                    if(lectureAutomatique == true){
//                                                      $j('#navDiapo').attr('src',icones['pause']);
//                                    }else{
//                                                      $j('#navDiapo').attr('src',icones['play']);	
//                                    }
//                                    $j('#navDiapo').bind('click', function(){
//                                                      if(lectureEnCours == true){
//                                                                        $j(this).attr('src',icones['play']);
//                                                                        pause();
//                                                      }else{
//                                                                        $j(this).attr('src',icones['pause']);
//                                                                        start();
//                                                      }
//                                    });
//                  }
//
//});
//
 
//Crée un écouteur d'évènement de type clic sur les classes .control
  $j('.control')
    .bind('click', function(){
		
    // Determine la nouvelle position
	currentPosition = ($j(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
    $j('#slideInner').animate({
      //'marginLeft' : slideWidth*(-currentPosition)
	  'marginLeft' : (slideWidth + (2*80))*(-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==numberOfSlides -30){ 
	$j('#leftControl').fadeOut() 
	} else{ 
	$j('#leftControl').fadeIn() }
	// Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
    if(position==numberOfSlides -8){
		$j('#rightControl').fadeOut();
	} else {
		$j('#rightControl').fadeIn();
	}
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
		 $j('#leftControl').fadeOut();
	}
  }
  function suivant(){
	$j('#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){
	$j('#slidesContainer').prepend;
	if(lectureAutomatique == true){
		$j('#navDiapo').attr('src',icones['pause']);
	}else{
		$j('#navDiapo').attr('src',icones['play']);	
	}
	$j('#navDiapo').bind('click', function(){
		if(lectureEnCours == true){
			$j(this).attr('src',icones['play']);
			pause();
		}else{
			$j(this).attr('src',icones['pause']);
			start();
		}
	});
}


  	
});