$(window).load(function() {
    $('#slider').nivoSlider({
    effect:'random',
    slices:15,
    animSpeed:1200, //画像が切り替わるスピード
    pauseTime:5000, //画像が切り替わるまでの時間
    directionNav:false, //矢印を表示する
    directionNavHide:true, //マウスを乗せたときに矢印を表示
    controlNav:true, //1,2,3...
    pauseOnHover:false, //オンマウスで画像が止まる
    beforeChange: function(){},
    afterChange: function(){},
    slideshowEnd: function(){} 
    });
  });

/* GnaviL アニメーション */
$(function(){
	$("ul.studio,ul.shoumei,ul.trip").css("display","none");

	$("ul.studio").animate({ 
		marginLeft: "10px",
		opacity : "show"
	  }, 2000 );
		
	$(".btn01").addClass("click");

	$(".btn01").hover(function(){
		$(this).addClass("over");
		$(".btn02").removeClass("over");
		$(".btn03").removeClass("over");
	});
	$(".btn02").hover(function(){
		$(this).addClass("over");
		$(".btn01").removeClass("over");
		$(".btn03").removeClass("over");
	});
	$(".btn03").hover(function(){
		$(this).addClass("over");
		$(".btn01").removeClass("over");
		$(".btn02").removeClass("over");
	});


	$(".btn01").click(function(){
		$(this).addClass("click");
		$(".btn02").removeClass("click");
		$(".btn03").removeClass("click");
		$("ul.shoumei").css("display","none");
		$("ul.trip").css("display","none");
		$("ul.studio").animate({ 
			marginLeft: "10px",
			opacity : "show"
		  }, 1500 );
		$("ul.shoumei").animate({ 
			marginLeft: "800px"
		  }, 0 );
		$("ul.trip").animate({ 
			marginLeft: "800px"
		  }, 0 );
	});
	$(".btn02").click(function(){
		$(this).addClass("click");
		$(".btn01").removeClass("click");
		$(".btn03").removeClass("click");
		$("ul.studio").css("display","none");
		$("ul.trip").css("display","none");
		$("ul.shoumei").animate({ 
			marginLeft: "130px",
			opacity : "show"
		  }, 1200 );
		$("ul.studio").animate({ 
			marginLeft: "800px"
		  }, 0 );
		$("ul.trip").animate({ 
			marginLeft: "800px"
		  }, 0 );
	});
	$(".btn03").click(function(){
		$(this).addClass("click");
		$(".btn01").removeClass("click");
		$(".btn02").removeClass("click");
		$("ul.studio").css("display","none");
		$("ul.shoumei").css("display","none");
		$("ul.trip").animate({ 
			marginLeft: "120px",
			opacity : "show"
		  }, 1300 );
		$("ul.studio").animate({ 
			marginLeft: "800px"
		  }, 0 );
		$("ul.shoumei").animate({ 
			marginLeft: "800px"
		  }, 0 );
	});

	$(".gnavi01,.gnavi02,.gnavi03,.gnavi04,.gnavi05,.gnavi06,.gnavi07").hover(
		function(){
			$(this).animate({ 
				marginTop: "0px"
			  }, 300 );
		},
		function(){
			$(this).animate({ 
				marginTop: "10px"
			  }, 300 );
		}

	);


});