$(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"}, 300);			
			currentSlide = slides;								
		}
		else												
		{
			$("#slides").animate({left : "+=" + slideWidth + "px"}, 300);		
			currentSlide = currentSlide - 1;						
		};
	});
	
	$("#buttonNext").click(function(){								
		if (currentSlide == slides)								
		{
			$("#slides").animate({left : "0px"}, 300);					
			currentSlide = 1;									
		}
		else 												
		{
			$("#slides").animate({left : "-=" + slideWidth + "px"}, 300);		
			currentSlide = currentSlide + 1;						
		};
	});
	
});