$(document).ready(function(){
  var largeurduslide = 512;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
	var currentPosition = 1;
	
  // Supprime la scrollbar en JS
  $('.slideConteneur').css('overflow', 'hidden');

  slides
  .wrapAll('<div id="slideInner"></div>')
  // on met tous les slides en float:left pour qu'il s'affichent de manière horizontale
  .css({
    'float' : 'left',
    'margin': '0'
  });

  // La longueur de #slideInner équivaut à la somme de la longueur de tous les slides
  $('#slideInner').css('width', largeurduslide * numberOfSlides);

	$('.control').click(function(){
		var currentPosition = $(this).attr('position');
		$('#slideInner').animate({'marginLeft' :  largeurduslide*(-currentPosition)},1000);
	});
		
	function suivant()
	{
		$('#slideInner').animate({'marginLeft' : largeurduslide*(-currentPosition)},1000);
		if(currentPosition ==numberOfSlides-1)
			currentPosition = 0;
		else
		currentPosition = currentPosition +1;
	}

	function start()
	{
		interval = setInterval(suivant, 6000);
	}
	start();
});