$(document).ready(function(){
	
//	VARIABLES
	var retour = true;
	var tempsTransition = 800;
	var affichePlayPause = true;
	var lectureAutomatique = true;
	var tempsAttente = 6000;
	var currentPosition = 0;
	var slideWidth = 180;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	var interval;
	var lectureEnCours = true;

	var icones = new Array();
	icones['play'] = 'images/play_slider.png';
	icones['pause'] = 'images/pause_slider.png';	
	
//	FONCTIONS	
	function manageControls(position){
		// Cache la fleche "précédent" si on est sur le premier slide
		if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').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').hide();
		} else {
			$('#rightControl').show();
		}
		if(position == numberOfSlides && retour == true){
			currentPosition = 0;
			 $('#leftControl').hide();
		}
	}
	function suivant(){
		$('#rightControl').click();
	}
	function start() {
		lectureEnCours = true;
		interval = setInterval(suivant, tempsAttente );
	}
	function pause() {
		lectureEnCours = false;
		clearInterval(interval);
	}
	
//	MISE EN FORME CSS et HTML
	slides.wrapAll('<div id="slideInner"></div>');
	slides.css({'display':'block'});
	$('#slideInner').css('width', slideWidth * numberOfSlides);
	
	$('#control_back').empty();
	$('#control_back').append('<a class="control" id="leftControl">&lt;&lt;</a>');

	$('#control_forward').empty();
	$('#control_forward').append('<a class="control" id="rightControl">&gt;&gt;</a>');

	$('.control').css('cursor','pointer');


//	NOMBRE ALEATOIRE
	currentPosition = Math.floor(Math.random()* (numberOfSlides) );
	currentMarge = slideWidth*(-currentPosition);
	$('#slideInner').css('margin-left', currentMarge);
	//	DEBUG
	//	$('#control_play').append(currentPosition);

// 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(){
		// Determine la nouvelle position
		currentPosition = ($(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
		$('#slideInner').animate({
			'marginLeft' : slideWidth*(-currentPosition)
		},tempsTransition);
	});
  
//Si le diapo est activé 
	if(lectureAutomatique == true){
		start();
	}

	if(affichePlayPause == true){
		$('#control_play').empty();
		$('#control_play').append('<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();
			}
		});
	}	  
});