$(window).load(function() {
    $('#slider').nivoSlider({
		effect:'random', //Specify sets like: 'fold,fade,sliceDown'
		animSpeed:500, //Slide transition speed
        pauseTime:20000,
    	captionOpacity:0.8, //Universal caption opacity
        directionNavHide:true, //Only show on hover
        controlNav:false, //1,2,3...
		pauseOnHover:true, //Stop animation while hovering
    });
});


$(function(){
	//横幅の設定
	$("#imgWrap").css("width",800*$("#imgWrap li.img").size()+"px");
	$("#imgWrap li.img:last").prependTo("#imgWrap");
	$("#imgWrap").css("margin-left","-800px");
	//戻るの設定
	$("#imgPrev").click(function(){
		$("#imgWrap").animate({
			marginLeft : parseInt($("#imgWrap").css("margin-left"))+800+"px"
		},"slow","swing" ,
		function(){
			$("#imgWrap").css("margin-left","-800px")
			$("#imgWrap li.img:last").prependTo("#imgWrap");
		});
	});
	//次への設定
	$("#imgNext").click(function(){
		$("#imgWrap").animate({
			marginLeft : parseInt($("#imgWrap").css("margin-left"))-800+"px"
		},"slow","swing" ,
		function(){
			$("#imgWrap").css("margin-left","-800px");
			$("#imgWrap li.img:first").appendTo("#imgWrap");
		});
	});
	//マウスオーバー時の戻ると次への設定
	$("#imgPrev,#imgNext").fadeTo(0,0.2);
	$("#imgPrev,#imgNext").hover(function(){
		$(this).fadeTo(100,1);
		},
		function(){
		$(this).fadeTo(200,0.2);
		}
	);
	//自動スライド
	var timerID = setInterval(function(){
		$("#imgNext").click();
	},8000);
	$("#imgPrev a,#imgNext a").click(function(){
		clearInterval(timerID);
	});

});