// JavaScript Document
var previousOvering = null;
function MouseOver(id){
	id = this.uid;
	if(id){
		if(id != overing_sub)
			this.style.backgroundImage = "url(/layout_images/"+id+"_up.png)";
		document.getElementById("sub_"+id).style.display = "block";
		
		if(previousOvering && previousOvering != id){
			MouseOut(previousOvering);
			document.getElementById("sub_"+previousOvering).style.display = "none";
		}
		previousOvering = id;
	}
	else{//sub에서의 onmouseout
		if(previousOvering){
			MouseOut(previousOvering);
			document.getElementById("sub_"+previousOvering).style.display = "none";
			document.getElementById("sub_"+overing_sub).style.display = "block";
		}
		previousOvering = id;
	}
}
function MouseOut(id){
	if(!id)
		id = this.uid;
	
	if(id){
		if(id != overing_sub)
			document.getElementById(id).getElementsByTagName("a")[0].style.backgroundImage = "url(/layout_images/"+id+".png)";
		document.getElementById("sub_"+id).style.display = "none";
	}
}
function SubOver(id){
	if(id){
		document.getElementById(id).style.backgroundImage = "url(/layout_images/mouseover.gif)";
		document.getElementById(id).style.backgroundRepeat = "repeat-x";
		document.getElementById(id).style.backgroundPosition = "top left";
		document.getElementById(id).getElementsByTagName("a")[0].style.backgroundImage = "url(/layout_images/"+id+"_sel.png)";
		document.getElementById("sub_"+id).style.display = "block";
		previousOvering = id;
	}
}
window.onload = function(){
	var nav_menu = new Array();
	nav_menu[0] = document.getElementById("nav_intro");
	nav_menu[1] = document.getElementById("nav_board");
	nav_menu[2] = document.getElementById("nav_project");
	nav_menu[3] = document.getElementById("nav_calender");
	nav_menu[4] = document.getElementById("nav_play");
	nav_menu[5] = document.getElementById("nav_world");
	var aTag;
//	for(var i in nav_menu){
	for(var i=0; i<6; i++){
		//if(nav_menu[i].id && nav_menu[i].id != overing_sub){
			aTag = nav_menu[i].getElementsByTagName("a")[0];
			aTag.uid = nav_menu[i].id;
			aTag.onmouseover = MouseOver;
			//document.getElementById("sub_"+nav_menu[i].id).onmouseout = MouseOver;
			//aTag.onmouseout = MouseOut;
		//}
	}
	var nav_main = document.getElementById("nav_main");
	
	SubOver(overing_sub);
}