$(document)
		.ready( function() {

			//Configuration
				var retour = true;
				var tempsTransition = 1000;
				var affichePlayPause = false;
				var lectureAutomatique = false;
				var tempsAttente = 6000;

				var icones = new Array();
				icones['play'] = 'img/play_slider.png';
				icones['pause'] = 'img/pause_slider.png';

				var currentPosition = 0;
				var slideWidth = 280;
				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
						});

				// Longueur de #slideInner égale au total de la longueur de tous
				// les slides
				$('#slideInner').css('width', slideWidth * numberOfSlides);

				// On clone les diapos pour simuler un carroussel infini
				$('.slide').filter(':last').after(
						$('.slide').slice(0, numberOfSlides).clone());
				$('#slideInner').css('width',
						slideWidth *  $('.slide').length);
				
				// Insert controls in the DOM
				$('#slideshow')
						.prepend(
								'<span class="control" id="leftControl">Précédent</span>')
						.append(
								'<span class="control" id="rightControl">Suivant</span>');


				// 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;

									manageCarroussel(currentPosition);
									// Fais bouger le slide
									$('#slideInner').animate(
											{
												'marginLeft' : (slideWidth)
														* (-currentPosition)
											}, tempsTransition);
								});


				function manageCarroussel(position) {
					
					// nombre de slide * 2
					numberOfSlides2 = $('.slide').length;
					
					if (position == numberOfSlides2) {
						
						currentPosition = numberOfSlides;
						marge = - slideWidth * (numberOfSlides - 1);
						
						$('#slideInner').css('margin-left', marge);


					}
					if (position < 0 ) {

						currentPosition = numberOfSlides-1;
						marge = -(slideWidth * numberOfSlides);
						
						$('#slideInner').css('margin-left',marge);
						
						
					}

				}
				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();
						}
					});
				}

			});