$(document).ready(function(){
	var slides = $(".slide").length;
	var slideWidth = $(".slide").outerWidth();
	var currentSlide = 1;
	var leftMax = slideWidth * -1 * slides + slideWidth;
	
	$("#slides").css({"width" : slides * slideWidth});
	
	$("#buttonPrev").click(function(){
		if (currentSlide == 1)
		{
			$("#slides").animate({left : + leftMax + "px"}, 600);
			currentSlide = slides;
		}
		else
		{
			$("#slides").animate({left : "+=" + slideWidth + "px"}, 600);
			currentSlide = currentSlide - 1;
		};
	});
	
	$("#buttonNext").click(function(){
		if (currentSlide == slides)
		{
			$("#slides").animate({left : "0px"}, 600);
			currentSlide = 1;
		}
		else
		{
			$("#slides").animate({left : "-=" + slideWidth + "px"}, 600);
			currentSlide = currentSlide + 1;
		};
	});
	
});