$(document).ready(function(){
	//Configuration
		  var retour = true;
		  var tempsTransition = 400;
		  var affichePlayPause = false;
		  var lectureAutomatique = false;
		  var tempsAttente = 600;
			
		  /*var icones = new Array();
		  		icones['play'] = 'img/play_slider.png';
		  		icones['pause'] = 'img/pause_slider.png';	*/
			
		  var currentPosition = 0;
		  var slideWidth = 856/4;
		  var slides = $('#content div#content_haut_inf div.encadre_plus');
		  var numberOfSlides = slides.length;

		  var interval;
		  var lectureEnCours = false;
  // Supprime la scrollbar en JS
  $('#content_haut_inf').css('overflow', 'hidden');
if(numberOfSlides!=0)
{
  // 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-8,
	  'margin-left' : 2
    });
  // Longueur de #slideInner égale au total de la longueur de tous les slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  /*$('#content_haut')
    .prepend('<span class="control" id="leftControl">Précédent</span>')
    .append('<span class="control" id="rightControl">Suivant</span>');*/

	if(numberOfSlides<=4)
	{
		retour=false;
		$('#navig_droite').fadeTo(0, 0.3).css({'cursor' : 'default'});
		$('#navig_droite').hover(
							 function(){$(this).css({'background-position' : '0 0'})},
							 function(){$(this).css({'background-position' : '0 0'})}
							 );
	}
  
  // Hide left arrow control on first load
  //manageControls(currentPosition);
  $('#navig_gauche').fadeTo(0, 0.3).css({'cursor' : 'default'});
  $('#navig_gauche').hover(
							 function(){$(this).css({'background-position' : '0 0'})},
							 function(){$(this).css({'background-position' : '0 0'})}
							 );

  //Crée un écouteur d'évènement de type clic sur les classes .control
  $('.slideshow_control')
    .bind('click', function(){
		
    // Determine la nouvelle position
	if(numberOfSlides>4)
		currentPosition = ($(this).attr('id')=='navig_droite') ? currentPosition+1 :  (currentPosition > 0 ? currentPosition-1 : 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)
	{
		$('#navig_gauche').fadeTo(0, 0.3).css({'cursor' : 'default'});
		$('#navig_gauche').hover(
								 function(){$(this).css({'background-position' : '0 0'})},
								 function(){$(this).css({'background-position' : '0 0'})}
								 );
	}
	else
	{
		$('#navig_gauche').fadeTo(0, 1).css({'cursor' : 'pointer'});
		$('#navig_gauche').hover(
								 function(){$(this).css({'background-position' : '0 -31px'})},
								 function(){$(this).css({'background-position' : '0 0'})}
								 );
	}
	
	// Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
    if(position>=numberOfSlides-4 && retour == false){
		$('#navig_droite').fadeTo(0, 0.3).css({'cursor' : 'default'});
		$('#navig_droite').hover(
								 function(){$(this).css({'background-position' : '0 0'})},
								 function(){$(this).css({'background-position' : '0 0'})}
								 );
	}
	else
	{
		$('#navig_droite').fadeTo(0, 1).css({'cursor' : 'pointer'});
		$('#navig_droite').hover(
								 function(){$(this).css({'background-position' : '0 -31px'})},
								 function(){$(this).css({'background-position' : '0 0'})}
								 );
	}
	if(position == numberOfSlides-3 && retour == true){
		currentPosition = 0;
		 $('#navig_gauche').fadeTo(0, 0.3).css({'cursor' : 'default'});
		 $('#navig_gauche').hover(
								 function(){$(this).css({'background-position' : '0 0'})},
								 function(){$(this).css({'background-position' : '0 0'})}
								 );
	}
  }
  
  function suivant(){
	$('#navig_droite').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();
		}
	});
}*/

}
else
{
	$('#navig_droite').fadeTo(0, 0.3).css({'cursor' : 'default'});
	$('#navig_droite').hover(
								 function(){$(this).css({'background-position' : '0 0'})},
								 function(){$(this).css({'background-position' : '0 0'})}
								 );
	$('#navig_gauche').fadeTo(0, 0.3).css({'cursor' : 'default'});
	$('#navig_gauche').hover(
								 function(){$(this).css({'background-position' : '0 0'})},
								 function(){$(this).css({'background-position' : '0 0'})}
								 );
}
  	
});