$(function(){

	$("ul#carouselInner").css("width",310*$("#carouselInner li").size()+"px");//310*数
	$("ul#carouselInner li:last").prependTo("ul#carouselInner");//最後のカラムを先頭へ移動
	$("ul#carouselInner").css("margin-left","-310px");//-310px移動

	$("#carouselPrev").click(function(){
		$("#carouselPrev,#carouselNext").hide();
		$("#carouselInner").animate({
		marginLeft:parseInt($("ul#carouselInner").css("margin-left"))+310+"px"
		},"slow","swing",
		function(){
				$("ul#carouselInner").css("margin-left","-310px");
				$("ul#carouselInner li:last").prependTo("ul#carouselInner");
				$("#carouselPrev,#carouselNext").show();
		});
	});

	$("#carouselNext").click(function(){
		$("#carouselPrev,#carouselNext").hide();
		$("ul#carouselInner").animate({
		marginLeft:parseInt($("ul#carouselInner").css("margin-left"))-310+"px"
		},"slow","swing",
		function(){
				$("ul#carouselInner").css("margin-left","-310px");
				$("ul#carouselInner li:first").appendTo("ul#carouselInner");
				$("#carouselPrev,#carouselNext").show();
		});
	});

	var timerID = setInterval(function(){
		$("#carouselNext").click();
	},4000);

	$("#carouselPrev img,#carouselNext img").click(function(){
		clearInterval(timerID);
	});
});