// JavaScript Document
var ie  = document.all
var ns6 = document.getElementById&&!document.all
var intervalId = null;

function highlight_back(evt) 
{
	var target = (window.event) ? window.event.srcElement : evt.target;
	id = target.parentNode.id;
	document.getElementById(id).background = "images/menu_over.jpg";
	
	if (id == 'menu_01') {
		submenu = document.getElementById("divSubMenu_01").style.display = "block";
	}
	else 
	{
		closeSubMenu();
	}
}

function reset_back(evt) 
{
	var target = (window.event) ? window.event.srcElement : evt.target;
	id = target.parentNode.id;
	document.getElementById(id).background = "";

	if (id == 'menu_01') {
		//intervalId = setTimeout("closeSubMenu()", 500);
	}
}

function closeSubMenu() 
{
	document.getElementById("divSubMenu_01").style.display = "none";
}

// For the submenu
function subhighlight_back() 
{
	window.clearTimeout(intervalId);
	var obj = (window.event) ? window.event.srcElement.parentNode : event.srcElement.parentElement;
	id = obj.id;
	
	document.getElementById(id).className = "submenu hover";
}

function subreset_back() 
{
	var obj = (window.event) ? window.event.srcElement.parentNode : event.srcElement.parentElement;
	id = obj.id;
	
	document.getElementById(id).className = "submenu out";
}

// autorun code
var resolution = new Array();
resolution["800"] = 310;
resolution["1024"] = 400;
resolution["1152"] = 466;
resolution["1280"] = 530;

var submenu_items = new Array("submenu_01_01", "submenu_01_02", "submenu_01_03", "submenu_01_04", "submenu_01_05", "submenu_01_06");
for (i=0; i < submenu_items.length; i++) {
	document.getElementById(submenu_items[i]).childNodes[0].onmouseover = subhighlight_back;
	document.getElementById(submenu_items[i]).childNodes[0].onmouseout = subreset_back;
}

document.body.onclick = function() {
	closeSubMenu();
};

// Set left position of submenu
document.getElementById("divSubMenu_01").style.left = resolution[window.screen.width.toString()];
//alert(window.screen.width);