function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		menu_01_over = newImage("images/menu_01-over.jpg");
		menu_02_over = newImage("images/menu_02-over.jpg");
		menu_03_over = newImage("images/menu_03-over.jpg");
		menu_04_over = newImage("images/menu_04-over.jpg");
		menu_05_over = newImage("images/menu_05-over.jpg");
		menu_06_over = newImage("images/menu_06-over.jpg");
		menu_07_over = newImage("images/menu_07-over.jpg");
		menu_08_over = newImage("images/menu_08-over.jpg");
		menu_09_over = newImage("images/menu_09-over.jpg");
		menu_10_over = newImage("images/menu_10-over.jpg");
		menu_11_over = newImage("images/menu_11-over.jpg");
		menu_12_over = newImage("images/menu_12-over.jpg");
		preloadFlag = true;
	}
}


/**
 * Dynamic Menu Events
 */
var childTimer;
var submenuList = new Array(2, 4, 5, 6, 7);

function $(_id){
	return document.getElementById(_id);
}

function hideAllMenu(){
	for (var i=0; i<submenuList.length; i++){
		$('submenu_' + submenuList[i]).style.visibility = "hidden";
	}
}

function onMenuMouseOver(key){
	clearTimeout(childTimer);
	hideAllMenu();
	
	$('submenu_' + key).style.visibility = "visible";
	
	// show child node
	/*if ($("SubMenuContainer_" + key)){
		var childContainer = $("SubMenuContainer_" + key);
		var _width = ele.offsetWidth;
		var _height = ele.offsetHeight;
		var _top = parseInt(ele.offsetTop);
		var _left = parseInt(ele.offsetLeft);
		// get real top and left
		var tmpEle = ele;
		while (tmpEle.parentNode && tmpEle.parentNode.tagName.toLowerCase() != "body"){
			tmpEle = tmpEle.parentNode;
			if (tmpEle.tagName.toLowerCase() != "div"){
				continue;
			}
			_top += parseInt(tmpEle.offsetTop);
			_left += parseInt(tmpEle.offsetLeft);
		}
		// -----------------------
		childContainer.style.top = (_top + _height) + "px";
		childContainer.style.left = _left + "px";
		childContainer.style.visibility = "visible";
	}*/
};

function onMenuMouseOut(key){
	// show parent node
	childTimer = setTimeout("$('submenu_" + key + "').style.visibility = 'hidden'", 500);
};