function nextSlide(){
	var $Slides = $("#slides");
	$Slides.animate(
		{marginLeft:"-=202px"},
		500,
		function(){
				$Slides.data("currentSlide",$Slides.data("currentSlide")+1);
				if($Slides.data("currentSlide") > $Slides.data("nbSlides")){
					$Slides
						.data("currentSlide",1)
						.css({marginLeft:"-202px"});
					
				}
				
			}
	);
}

function prevSlide(){
	var $Slides = $("#slides");
	$Slides.animate(
		{marginLeft:"+=202px"},
		500,
		function(){
				$Slides.data("currentSlide",$Slides.data("currentSlide")-1);
				if($Slides.data("currentSlide") == 0){
					$Slides
						.data("currentSlide",$Slides.data("nbSlides"))
						.css({marginLeft:-(202*$Slides.data("currentSlide"))});
				}
			
			}
	);
}


$(function(){
	var $Slides = $("#slides");
	var _step = $Slides.find("li:first").width();
	$Slides
		.data("currentSlide",1)
		.data("nbSlides",$Slides.find("li").size());
	$Slides
		.find("li:last")
			.clone()
			.prependTo("#slides");

	$Slides
		.find("li:first")
			.next()
			.clone()
			.appendTo("#slides");

	$Slides		
		.find("li:first")
			.addClass("clone")
		.end()
		.find("li:last")
			.addClass("clone")
		.end()
		.css({marginLeft:-_step});

	$Slides.width($Slides.find("li").size()*_step);
	
	$("#nextSlide").bind("click",nextSlide);
	$("#prevSlide").bind("click",prevSlide);
	

	
})