// JavaScript Document

var move=100;
var obj=new Date();
var H=obj.getHours();

window.onload=function(){
	contents();
	color();
	nami();
}

function color(){
	if(H>=5 && H<12){
		document.body.style.backgroundImage = "url(img/back_morning.gif)";
		document.getElementById("logo").src="img/logo_morning.gif";
		document.getElementById("mirror").src="img/mirror_morning.gif";
	}else if(H>=12 && H<17){
		document.body.style.backgroundImage = "url(img/back_afternoon.gif)";
		document.getElementById("logo").src="img/logo_afternoon.gif";
		document.getElementById("mirror").src="img/mirror_afternoon.gif";
	}else if(H>=17 && H<20){
		document.body.style.backgroundImage = "url(img/back_evening.gif)";
		document.getElementById("logo").src="img/logo_evening.gif";
		document.getElementById("mirror").src="img/mirror_evening.gif";
	}else {
		document.body.style.backgroundImage = "url(img/back_night.gif)";
		document.getElementById("logo").src="img/logo_night.gif";
		document.getElementById("mirror").src="img/mirror_night.gif";		
	}
}

function nami(){
	mirror.filters[0].phase=move;
	move=move-5;
	if(move<=0){
		move=100;
	} 
	window.setTimeout("nami()",100);
}

function contents(){
	document.getElementById("contents1").onclick=function(){location.href="./illust/";}
	document.getElementById("contents2").onclick=function(){location.href="./goods/";}
	document.getElementById("contents3").onclick=function(){location.href="./bbs/";}
	document.getElementById("contents4").onclick=function(){location.href="./link/";}

	document.getElementById("contents1").onmouseover=function(){document.getElementById("contents1").style.backgroundImage = "url(img/contents_illust2.gif)";}
	document.getElementById("contents1").onmouseout=function(){document.getElementById("contents1").style.backgroundImage = "url(img/contents_illust.gif)";}
	document.getElementById("contents2").onmouseover=function(){document.getElementById("contents2").style.backgroundImage = "url(img/contents_goods2.gif)";}
	document.getElementById("contents2").onmouseout=function(){document.getElementById("contents2").style.backgroundImage = "url(img/contents_goods.gif)";}
	document.getElementById("contents3").onmouseover=function(){document.getElementById("contents3").style.backgroundImage = "url(img/contents_bbs2.gif)";}
	document.getElementById("contents3").onmouseout=function(){document.getElementById("contents3").style.backgroundImage = "url(img/contents_bbs.gif)";}
	document.getElementById("contents4").onmouseover=function(){document.getElementById("contents4").style.backgroundImage = "url(img/contents_link2.gif)";}
	document.getElementById("contents4").onmouseout=function(){document.getElementById("contents4").style.backgroundImage = "url(img/contents_link.gif)";}
}