$(document).ready(function(){
				//Configuration
				var retour = true;
		  		var tempsTransition = 1000;
		  		var affichePlayPause = true;
		  		var lectureAutomatique = true;
		  		var tempsAttente = 5000;
			
		  		var icones = new Array();
		  		icones['play'] = 'img/play_slider.png';
		  		icones['pause'] = 'img/pause_slider.png';
		  		icones['next'] = 'img/rightControl.png';
		  		icones['prev'] = 'img/leftControl.png';
			
		  		var currentPosition = 0;
		  		var slideWidth = 300;
		  		var slides = $('.slide');
		  		var numberOfSlides = slides.length;
		  		var interval;
		  		var lectureEnCours = false;
  				// Supprime la scrollbar en JS
  				$('#slidesContainer').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,
      				'text-align' : 'center'
    			});
 
  				// Longueur de #slideInner égale au total de la longueur de tous les slides
  				$('#slideInner').css('width', slideWidth * numberOfSlides);
	
 		 		// Insert controls in the DOM
  				$('#slideshow')
    			.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(){
		
    			// 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);
  				});
 
  				// 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
				//!!!!!!!!!Cache la fleche de gauche au départ
				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').show(); /* Montre la fleche de droite si on fait le tour à l'envers */
				} else {
					$('#rightControl').show();
				}
				if(position == numberOfSlides && retour == true){
					currentPosition = 0;
				 	$('#leftControl').hide(); /* Cache la fleche de gauche lors du retour de la dernière image */
				}
				//Cache la flèche suivante quand on se trouve sur la dernière position 
				if(position == numberOfSlides-1){$('#rightControl').hide() } else{ $('#rightControl').show() }
 			 }
 			 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){
				$('#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();
				}
			});
			}
			
			});