$(document).ready(function(){
	//Configuration
		  var retour = true;
		  var tempsTransition = 1000;
		  var affichePlayPause = false;
		  var lectureAutomatique = false;
		  var tempsAttente = 3000;
			
		  var icones = new Array();
		  		icones['play'] = 'img/play_slider.png';
		  		icones['pause'] = 'img/pause_slider.png';	
			
		  var currentPosition = 0;
		  var slideWidth = 300;
		  var slides = $('.slide');
		  var numberOfSlides = slides.length;
		  var interval;
		  var lectureEnCours = false;
  // Supprime la scrollbar en JS
  $('#newsListe').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
  $('#controlPanel')
    .prepend('<div class="control" id="leftControl"><a href="javascript:;">&nbsp;</a></div>')
    .append('<div class="control" id="rightControl"><a href="javascript:;">&nbsp;</a></div>');

  //on gère l'affichage de la navigation par numéro
  slides.each(function (i) {
    $('#controlBas').append('&nbsp;<a href="javascript:;" id="lienNews'+i+'">'+(i+1)+'</a>');
  });
  $('#controlBas a').bind('click', function(){
    currentPosition=parseInt(this.id.substr(8));
    manageControls(currentPosition);
    // Fais bouger le slide
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    },tempsTransition);
  });

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

  //Crée un écouteur d'évènement de type clic sur les classes .control
  $('.control a')
    .bind('click', function(){
		
    // Determine la nouvelle position
	currentPosition = ($(this).parent().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){
  position=parseInt(position);
    // Cache la fleche "précédent" si on est sur le premier slide
	if(position==0){ $('#leftControl a').hide() } else{ $('#leftControl a').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 a').hide();
	} else {
		$('#rightControl a').show();
	}
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
		 $('#leftControl a').hide();
	}
	
	   //on change les styles des selecteurs de position
		 $('#controlBas a').removeClass('active');
		 $('#lienNews'+currentPosition).addClass('active');
	   
  }
  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){
  	$('#newsListe').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();
  		}
  	});
  }


  	
});