$(document).ready(function(){

megaslide('#slideshow');
megaslide('#slideshow2');

function megaslide(id) {
	
		//Configuration
		  var retour = true;
		  var tempsTransition = 2000;
		  var currentPosition = 0;
		  var slideWidth = 400;
		  var slides = $(id+' .slidesContainer .slide');
		  var numberOfSlides = slides.length;
	
	  // Supprime la scrollbar en JS
	  $('.slidesContainer').css('overflow', 'hidden');
	
	  // Attribue  #slideInner  à toutes les div .slide
	  slides
		.wrapAll('<div class="slideInner"></div>')
		// Float left to display horizontally, readjust .slides width
		.css({
		  'float' : 'left',
		  'width' : slideWidth
		});
	
	  // Longueur de #slideInner égale au total de la longueur de tous les slides
	  $(id+' .slideInner').css('width', slideWidth * numberOfSlides);
	
	  // Insert controls in the DOM
	  $(id)
		.prepend('<span class="control leftControl">Précédent</span>')
		.append('<span class="control 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
	  $(id+' .control')
		.bind('click', function(){
			
		// Determine la nouvelle position
		var class = $(this).attr('class').split(' ');
		currentPosition = (class[1] =='rightControl') ? currentPosition+1 : currentPosition-1;
		
		if(currentPosition == numberOfSlides && retour == false ){
			currentPosition--;
			pause();
		}
		
		// Cache ou montre les controles
		manageControls(currentPosition);
		// Fais bouger le slide
		$(id+' .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){ $(id+' .leftControl').hide() } else{ $(id+' .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){
			$(id+' .rightControl').hide();
		} else {
			$(id+' .rightControl').show();
		}
		if(position == numberOfSlides && retour == true){
			currentPosition = 0;
			 $(id+' .leftControl').hide();
		}
	  }
}
  	
});