$(document).ready(function() {
						   		   
	//////////////////////////////////////////////////////////////////////////////  bg img
	$('#supersize').fadeIn("normal");
	
	
  	//////////////////////////////////////////////////////////////////////////////  Menu
	if ($.browser.msie && $.browser.version < 7){
		$("#menu li a").mouseover(function(){
			$(this).stop(true, false).animate({"margin-left": "10px" , "filter":"alpha(opacity=60)"},{duration:200});			
		});
		
		$("#menu li a").mouseout(function(){
			$(this).stop(true, false).animate({"margin-left": "0px" , "filter":"alpha(opacity=100)"},{duration:200});
		});
	}else if($.browser.msie && $.browser.version == 8){
		$("#menu li a").mouseover(function(){
			$(this).stop(true, false).animate({"margin-left": "10px" , "opacity": "0.6"},{duration:200});			
		});
		
		$("#menu li a").mouseout(function(){
			$(this).stop(true, false).animate({"margin-left": "0px" , "opacity": "1"},{duration:200});
		});
	}else{
		$("#menu li a").mouseover(function(){
			$(this).stop(true, false).animate({"margin-left": "10px" , "opacity": "0.6"}, {duration:200});
		});
		
		$("#menu li a").mouseout(function(){
			$(this).stop(true, false).animate({"margin-left": "0px" , "opacity": "1.0"}, {duration:200});
		});
	}
	
	
	///twitter
	$("#menu li.tw a").mouseover(function(){
  		$(this).stop(true, false).animate({"width": "90px"}, {duration:200});
	});
	
	$("#menu li.tw a").mouseout(function(){
  		$(this).stop(true, false).animate({"width": "30px"}, {duration:200});
	});
	
	///facebook
	$("#menu li.fb a").mouseover(function(){
  		$(this).stop(true, false).animate({"width": "90px"}, {duration:200});
	});
	
	$("#menu li.fb a").mouseout(function(){
  		$(this).stop(true, false).animate({"width": "25px"}, {duration:200});
	});
	
	
	
	
	//////////////////////////////////////////////////////////////////////////////  credit
		$(".star").mouseover(function(){
			$("#credit").stop(true, false).animate({"height":"290px"}, {duration:300});
			$(".star").css({"margin-top":"-22px"});
		});
		$(".star").mouseout(function(){
			$("#credit").stop(true, false).animate({"height":"0"}, {duration:300});
			$(".star").css({"margin-top":"0px"});
		});
		
		
		
	
	
	//////////////////////////////////////////////////////////////////////////////  Updates Color
	$("#Update_thumbSet ul li").hover(function() {
                $(this).stop().animate({ backgroundColor: "#FFE4E1"}, 300);
                },function() {
                $(this).stop().animate({ backgroundColor: "#BCD2D4" }, 800);
    });

	
	//////////////////////////////////////////////////////////////////////////////  Updates slider
	var a=0;
	var i=$('#Update_thumbSet li').length; //サムネイルの数
	var setWidth= -(155*(i-4));//サムネイルセットの幅
	//console.log(setWidth);
	
	$("#buttonSet a.prev").click(function(){
		if(a<0){
			a=a+400;
  			$('#Update_thumbSet').stop(true, false).animate({"margin-left": a},'slow');
		/*var x =$('#Update_thumbSet ul').position().left;
		console.log(x);*/
	}
	});

	$("#buttonSet a.next").click(function(){
	 if(a>setWidth){
	 	a=a-400;
 		$('#Update_thumbSet').stop(true, false).animate( {"margin-left": a}, "slow" )

	 }
	});

	
	
	//////////////////////////////////////////////////////////////////////////////  About fadeIn
	$('#About p').fadeIn("normal");
	
	//////////////////////////////////////////////////////////////////////////////  About (English/Japanese)
	$("#Jananese").click(function () {
	$("p").fadeOut(400,function (){moveJ();});
	});
	//////////////fade
	$("#Jananese").mouseover(function(){
  		$(this).stop(true, false).animate({"opacity": "0.8"}, {duration:100});
	});
	$("#Jananese").mouseout(function(){
  		$(this).stop(true, false).animate({"opacity": "1.0"}, {duration:100});
	});
	
	
	$("#English").click(function () {
	$("p").fadeOut(400,function (){moveE();});
	});
	//////////////fade
	$("#English").mouseover(function(){
  		$(this).stop(true, false).animate({"opacity": "0.8"}, {duration:100});
	});
	$("#English").mouseout(function(){
  		$(this).stop(true, false).animate({"opacity": "1.0"}, {duration:100});
	});
	
	
	//Aboutで使う関数
	function moveJ(){
		location.href = "about-jp/";
	}
	function moveE(){
		location.href = "about-2/"
	};
	

		
	//////////////////////////////////////////////////////////////////////////////  Illustration
	//next, prevボタンの透明アニメはjquery.galleriffic.jsの942行目あたりに記入
	var setFin=0;
	$("#Illustration #i_menu li a").css("margin-left","-100px");
	$("#Illustration #i_menu li a").animate({"margin-left": "0"}, {duration:500}, SetFin());
	
	function SetFin(){
		setFin=1;
	}
	
	
	

	//////////////////////////////////////////////////////////////////////////////  Press
	if($.browser.msie && $.browser.version <= 8){
		$("#Press li img").mouseover(function(){
			$(this).stop(true, false).css({"zoom":"1" , "filter": "alpha(opacity=80)"});
		});
		$("#Press li img").mouseout(function(){
			$(this).stop(true, false).css({"filter": "alpha(opacity=100)"});
		});
	}else{
		$("#Press li img").mouseover(function(){
			$(this).stop(true, false).animate({"opacity": "0.6"}, {duration:100});
		});
		$("#Press li img").mouseout(function(){
			$(this).stop(true, false).animate({"opacity": "1.0"}, {duration:300});
		});		
	}
	
	
	
 	});//document close