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