$(document).ready(function(){
	
	var currentPosition = 0;
	var slideWidth = 649;
	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">Précédent</span>')
    .append('<span class="control" id="rightControl">Suivant</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();   
				}
				
				miseEnAvant(currentPosition);
				manageControls(currentPosition);
				
				// Fais bouger le slide
				$ ('#slideInner').stop().animate({
					'marginLeft' : slideWidth * (-currentPosition)
				},tempsTransition);
				
				
			});
			
	// manageControls: fait un retour au premier slide si on est au dernier slide
	function  manageControls(position)
	{
		if(position == numberOfSlides && retour == true){   
			currentPosition = 0;
			;tempsTransition = 1500;
			miseEnAvant(currentPosition);	
		}
	}
	
	function miseEnAvant(position){
	    if(position == 0)
        {
            $('#choix3, #choix2').removeClass("actif");
            $('#choix3, #choix2').addClass("inactif");
            $("#choix1").removeClass("inactif");
            $("#choix1").addClass("actif");
        }
        else if (position == 1)
        {
            $('#choix1, #choix3').removeClass("actif");
            $('#choix1, #choix3').addClass("inactif");
            $("#choix2").removeClass("inactif");
            $("#choix2").addClass("actif");
        }
        else if (position == 2)
        {
            $('#choix1, #choix2').removeClass("actif");
            $('#choix1, #choix2').addClass("inactif");
            $("#choix3").removeClass("inactif");
            $("#choix3").addClass("actif");
        }
    }
    
	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();
		}
	});
    }
       
	//pour le caroussel
		$("#choix1").click(function () {
		$('#navDiapo').attr('src',icones['play']);
		lectureEnCours=false;
		$('#choix3, #choix2').removeClass("actif");
		$('#choix3, #choix2').addClass("inactif");
		$('#choix3, #choix2').stop().animate({
		
		},tempsTransition);
		currentPosition = 0;
		$('#slideInner').stop().animate({
		'marginLeft' : slideWidth*(-currentPosition)
		},tempsTransition);
		$(this).removeClass("inactif");
		$(this).addClass("actif");
		$(this).stop().animate({
		
		},tempsTransition);
		pause();//on stoppe le diapo
		});
		
		$('#choix2').click(function () {
		$('#navDiapo').attr('src',icones['play']);
		lectureEnCours=false;
		$('#choix1, #choix3').removeClass("actif");
		$('#choix1, #choix3').addClass("inactif");
		$("#choix1, #choix3").stop().animate({
			
		},tempsTransition);
		currentPosition = 1; 
		$('#slideInner').stop().animate({ 
		'marginLeft' : slideWidth*(-currentPosition) 
		},tempsTransition);
		$(this).removeClass("inactif");
		$(this).addClass("actif");
		$(this).stop().animate({
		
		},tempsTransition);
		pause();//on stoppe le diapo
		});
		
		$('#choix3').click(function () {
		$('#navDiapo').attr('src',icones['play']);
		lectureEnCours=false;
		$('#choix1, #choix2').removeClass("actif");
		$('#choix1, #choix2').addClass("inactif");
		$("#choix1, #choix2").stop().animate({
		
		},tempsTransition);
		currentPosition = 2; 
		$('#slideInner').stop().animate({ 
		'marginLeft' : slideWidth*(-currentPosition) 
		},tempsTransition);
		$(this).removeClass("inactif");
		$(this).addClass("actif");
		$(this).stop().animate({
		
		},tempsTransition);
		pause(); //on stoppe le diapo
		});
});