$(function (){
	
	var width = 400; //px
	var speed = 500; //ms
	
	var pos = 0;
	var max = ($(".gallery .images img").length - 1) * width;
	
	$(".gallery .controls .next").click(function(){
		pos = Math.max(pos - width, -max);
		$(this).parents(".gallery").children(".images").animate({left: pos+"px"}, speed, "easeOutQuad");
	});
	
	$(".gallery .controls .prev").click(function(){
		pos = Math.min(pos + width, 0);
		$(this).parents(".gallery").children(".images").animate({left: pos+"px"}, speed, "easeOutQuad");
	});
	
});