$(document).ready(function(){
	
	var currentPosition = 0;
	var slideWidth = 120;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	var retour = true;
	var tempsTransition = 1500;
	var affichePlayPause = true;
	var lectureAutomatique = true;
	var tempsAttente = 4000;	
	var interval;
	var lectureEnCours = true;
	var icones = new Array();
			icones['play'] = '/static/common/images/bouton/boutonPlay.jpg';
			icones['pause'] = '/static/common/images/bouton/boutonStop.jpg';

	// Supprime la scrollbar en JS
	$('#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
	$('#slideInner').css('width', slideWidth * numberOfSlides);
	
	// Insert controls in the DOM
	$('#slideshow1')
    .prepend('<span class="control" id="leftControl"></span>')
    .append('<span class="control" id="rightControl"></span>');
	
	// 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()
			{
				currentPosition = ($(this).attr('id')=='rightControl')
				?  currentPosition+1 : currentPosition-1;

				if(currentPosition == numberOfSlides && retour == false ){   
						currentPosition--; 
						pause();   
				}

				manageControls(currentPosition);
				
				// Fais bouger le slide
				$ ('#slideInner').stop().animate({
					'marginLeft' : (slideWidth+1) * (-currentPosition)
				},tempsTransition);
			});
			
	// manageControls: fait un retour au premier slide si on est au dernier slide
	function  manageControls(position)
	{
		if(position == (numberOfSlides-6 )&& retour == true){   
			currentPosition = 0;
			;tempsTransition = 1500;	
		}
	}
	
	function start() {
		lectureEncours = true;
		interval = setInterval(suivant, tempsAttente );
	}
	
	function suivant() {
		$('#rightControl').click();
	}
	
	function pause() {
		lectureEncours = false;
			clearInterval(interval);
	}	
	
	if(lectureAutomatique == true){
	  $("#choix1").removeClass("inactif");
      $("#choix1").addClass("actif");
	  start();
	}
        
    if(affichePlayPause == true){
		$('#blocPlay').prepend('<img id="navDiapo" src=""/>');
		if(lectureAutomatique == true){
			$('#navDiapo').attr('src',icones['pause']);
		}else{
			$('#navDiapo').attr('src',icones['play']);	
		}
	$('#navDiapo').bind('click', function(){
		if(lectureEnCours == true){
			$('#navDiapo').attr('src',icones['play']);
			lectureEnCours=false;
			pause();
		}else{
			$('#navDiapo').attr('src',icones['pause']);
			lectureEnCours=true;
			start();
		}
	});
    }
       
});