$(function(){
    //初期設定
    $("#carouselInner").css("width",402*$("#carouselInner .column").size()+"px");
    $("#carouselInner .column:last").prependTo("#carouselInner");
    $("#carouselInner").css("margin-left","-402px");
    var interval = 8000;
    
    $('#carouselPrev').hover(
    	function(){
    		$("#carouselPrev img").attr("src", "images/common/BTNover.jpg");
    	},
    	function(){
    		$("#carouselPrev img").attr("src", "images/common/BTN.jpg");
    	}
    );
    
    $('#carouselNext').hover(
    	function(){
    		$("#carouselNext img").attr("src", "images/common/BTNover2.jpg");
    	},
    	function(){
    		$("#carouselNext img").attr("src", "images/common/BTN2.jpg");
    	}
    );
    
    //戻るボタン
    $("#carouselPrev").click(function(){
        $("#carouselNext,#carouselPrev").hide();
        $("#carouselInner").animate({
            marginLeft : parseInt($("#carouselInner").css("margin-left"))+402+"px"
        },"slow","swing" , 
        function(){
            $("#carouselInner").css("margin-left","-402px")
            $("#carouselInner .column:last").prependTo("#carouselInner");
            $("#carouselNext,#carouselPrev").show();
        })
    })
    //進むボタン
    $("#carouselNext").click(function(){
        $("#carouselNext,#carouselPrev").hide();
        $("#carouselInner").animate({
            marginLeft : parseInt($("#carouselInner").css("margin-left"))-402+"px"
        },"slow","swing" , 
        function(){
            $("#carouselInner").css("margin-left","-402px")
            $("#carouselInner .column:first").appendTo("#carouselInner");
            $("#carouselNext,#carouselPrev").show();
        })
    })
    
    $('#slidWrap').mouseover(function(){
		clearInterval(timer)
	})
	
	$('#slidWrap').mouseout(function(){
		timer = setInterval(function(){
		$("#carouselNext,#carouselPrev").hide();
		        $("#carouselInner").animate({
		            marginLeft : parseInt($("#carouselInner").css("margin-left"))+402+"px"
		        },"slow","swing" , 
		        function(){
		            $("#carouselInner").css("margin-left","-402px")
		            $("#carouselInner .column:last").prependTo("#carouselInner");
		            $("#carouselNext,#carouselPrev").show();
		        })
		}, interval);
	});
	
	timer = setInterval(function(){
	$("#carouselNext,#carouselPrev").hide();
	        $("#carouselInner").animate({
		            marginLeft : parseInt($("#carouselInner").css("margin-left"))+402+"px"
		        },"slow","swing" , 
		        function(){
		            $("#carouselInner").css("margin-left","-402px")
		            $("#carouselInner .column:last").prependTo("#carouselInner");
		            $("#carouselNext,#carouselPrev").show();
		        })
	}, interval);
    
})