// JavaScript Document

var t;
var timeoutRunning = false;
var transpcolors = new Array("transparent","transparent","transparent","transparent","transparent");
var transpdiplay = new Array("none","none","none","none","none");

onload = function(){	
	var menu = document.getElementById('menu').childNodes[1].childNodes;
	if (menu[1].childNodes[0].className == "current") { transpcolors[0] = '#FFFFFF';	
		transpdiplay[0] = 'block'; }
	else if (menu[3].childNodes[0].className == "current") { transpcolors[1] = '#FFFFFF'; transpdiplay[1] = 'block'; }
	else if (menu[5].childNodes[0].className == "current") { transpcolors[2] = '#FFFFFF'; transpdiplay[2] = 'block'; }
	else if (menu[7].childNodes[0].className == "current") { transpcolors[3] = '#FFFFFF'; transpdiplay[3] = 'block'; }
	else if (menu[9].childNodes[0].className == "current") { transpcolors[4] = '#FFFFFF'; transpdiplay[4] = 'block'; }
	hideall();
}

function leavemenu() {
	clearTimeout(t);
	if (!timeoutRunning) {
		timeoutRunning = true;
		t = setTimeout("hideall(); timeoutRunning = false;",1000);
	}  
}

function entersubmenu() {
	clearTimeout(t); timeoutRunning = false;
}	

function hideall() {
	document.getElementById('menu1').style.backgroundColor = transpcolors[0];
	document.getElementById('menu2').style.backgroundColor = transpcolors[1];
	document.getElementById('menu3').style.backgroundColor = transpcolors[2];
	document.getElementById('menu4').style.backgroundColor = transpcolors[3];
	document.getElementById('menu5').style.backgroundColor = transpcolors[4];
	document.getElementById('submenu1').style.display = transpdiplay[0];
	document.getElementById('submenu2').style.display = transpdiplay[1];
	//document.getElementById('submenu3').style.display = transpdiplay[2];
	document.getElementById('submenu4').style.display = transpdiplay[3];
	document.getElementById('submenu5').style.display = transpdiplay[4];
}	

function showSub1() {
	clearTimeout(t); timeoutRunning = false;
	document.getElementById('menu1').style.backgroundColor = '#FFFFFF';
	document.getElementById('menu2').style.backgroundColor = transpcolors[1];
	document.getElementById('menu3').style.backgroundColor = transpcolors[2];
	document.getElementById('menu4').style.backgroundColor = transpcolors[3];
	document.getElementById('menu5').style.backgroundColor = transpcolors[4];
	document.getElementById('submenu1').style.display = 'block';
	document.getElementById('submenu2').style.display = 'none';
	//document.getElementById('submenu3').style.display = 'none';
	document.getElementById('submenu4').style.display = 'none';
	document.getElementById('submenu5').style.display = 'none';
}
function showSub2() {
	clearTimeout(t); timeoutRunning = false;
	document.getElementById('menu1').style.backgroundColor = transpcolors[0];
	document.getElementById('menu2').style.backgroundColor = '#FFFFFF';
	document.getElementById('menu3').style.backgroundColor = transpcolors[2];
	document.getElementById('menu4').style.backgroundColor = transpcolors[3];
	document.getElementById('menu5').style.backgroundColor = transpcolors[4];
	document.getElementById('submenu1').style.display = 'none';
	document.getElementById('submenu2').style.display = 'block';
	//document.getElementById('submenu3').style.display = 'none';
	document.getElementById('submenu4').style.display = 'none';
	document.getElementById('submenu5').style.display = 'none';
}
function showSub3() {
	clearTimeout(t); timeoutRunning = false;
	document.getElementById('menu1').style.backgroundColor = transpcolors[0];
	document.getElementById('menu2').style.backgroundColor = transpcolors[1];
	document.getElementById('menu3').style.backgroundColor = '#FFFFFF';
	document.getElementById('menu4').style.backgroundColor = transpcolors[3];
	document.getElementById('menu5').style.backgroundColor = transpcolors[4];
	document.getElementById('submenu1').style.display = 'none';
	document.getElementById('submenu2').style.display = 'none';
	//document.getElementById('submenu3').style.display = 'block';
	document.getElementById('submenu4').style.display = 'none';
	document.getElementById('submenu5').style.display = 'none';
}
function showSub4() {
	clearTimeout(t); timeoutRunning = false;
	document.getElementById('menu1').style.backgroundColor = transpcolors[0];
	document.getElementById('menu2').style.backgroundColor = transpcolors[1];
	document.getElementById('menu3').style.backgroundColor = transpcolors[2];
	document.getElementById('menu4').style.backgroundColor = '#FFFFFF';
	document.getElementById('menu5').style.backgroundColor = transpcolors[4];
	document.getElementById('submenu1').style.display = 'none';
	document.getElementById('submenu2').style.display = 'none';
	//document.getElementById('submenu3').style.display = 'none';
	document.getElementById('submenu4').style.display = 'block';
	document.getElementById('submenu5').style.display = 'none';
}
function showSub5() {
	clearTimeout(t); timeoutRunning = false;
	document.getElementById('menu1').style.backgroundColor = transpcolors[0];
	document.getElementById('menu2').style.backgroundColor = transpcolors[1];
	document.getElementById('menu3').style.backgroundColor = transpcolors[2];
	document.getElementById('menu4').style.backgroundColor = transpcolors[3];
	document.getElementById('menu5').style.backgroundColor = '#FFFFFF';
	document.getElementById('submenu1').style.display = 'none';
	document.getElementById('submenu2').style.display = 'none';
	//document.getElementById('submenu3').style.display = 'none';
	document.getElementById('submenu4').style.display = 'none';
	document.getElementById('submenu5').style.display = 'block';
}