var arrVisibleTbl = new Array();
var bNeedHideAll = true;

window.attachEvent("onresize",HideAllOnResize);

var strImgIn = "images/menu-n_01-Over.gif";

var objImgIn = new Image();
objImgIn.src = strImgIn

var strImgOut= "images/menu-n_01.gif";
var objImgOut = new Image();
objImgOut.src = strImgOut;

function MtrOver(objTr,iIsTop){
	bNeedHideAll = false;
	if(document.readyState == "loading"){
		return ;
	}
	event.cancelBubble = true;
	var sCurrentTopMenu = document.getElementById("_menuCurrentTopMenu").value	
	var trId = objTr.id;
	HideTbl(trId);
	ShowTbl(trId,iIsTop);
	
	var rootTblId = GetRootTblId(trId);
	var objRootTbl = document.getElementById(rootTblId)
	if(objRootTbl.selectedTr){
		if(objRootTbl.selectedTr != trId && objRootTbl.selectedTr != sCurrentTopMenu){
			var obj  = eval(objRootTbl.selectedTr);
			obj.className= GetOutClass(iIsTop)
			if(iIsTop)
			{
				SetBackImg(obj ,strImgOut)
			}
		}
	}
	
	objTr.className =GetInClass(iIsTop)
	if(iIsTop)
	{
		SetBackImg(objTr ,strImgIn)
	}
	
	objRootTbl.selectedTr = trId;
	
}


function LtrOver(objTr,iIsTop){
	bNeedHideAll = false;
	if(document.readyState == "loading"){
		return ;
	}	
	event.cancelBubble = true;
	var sCurrentTopMenu = document.getElementById("_menuCurrentTopMenu").value
	var trId = objTr.id;
	HideTbl(trId);
	
	var rootTblId = GetRootTblId(trId);
	var objRootTbl = document.getElementById(rootTblId)
	if(objRootTbl.selectedTr){

		if(objRootTbl.selectedTr != trId && objRootTbl.selectedTr != sCurrentTopMenu){
			var obj  = eval(objRootTbl.selectedTr);
			obj.className= GetOutClass(iIsTop)
			if(iIsTop)
			{
				SetBackImg(obj ,strImgOut)
			}			
		}
	}
	objTr.className = GetInClass(iIsTop)
	if(iIsTop)
	{
		SetBackImg(objTr ,strImgIn)
	}	
	objRootTbl.selectedTr = trId;	
}

function LtrOut(objTr,iIsTop){
	var sCurrentTopMenu = document.getElementById("_menuCurrentTopMenu").value
	if (objTr.id != sCurrentTopMenu){
		objTr.className = GetOutClass(iIsTop)
			if(iIsTop)
			{
				SetBackImg(objTr ,strImgOut)
			}		
	}
}


function TopMtrOut(objTr,iIsTop){
	var sCurrentTopMenu = document.getElementById("_menuCurrentTopMenu").value
	if (objTr.id != sCurrentTopMenu){
		objTr.className = GetOutClass(iIsTop)
			if(iIsTop)
			{
				SetBackImg(objTr ,strImgOut)
			}		
	}
}

function MtrClick(objTr,iIsTop){
	if(objTr.all.tags("A").length>0)
	{
		objTr.all.tags("A")(0).click();
	}	
}

function ShowTbl(trId,iIsTop){
	var objTr = document.getElementById(trId);
	var rootTblId = GetRootTblId(trId);
	var childTblId = GetChildTblId(trId);
	var iDepth = GetDepthByTblId(childTblId);


	
	var objRootTbl = document.getElementById(rootTblId)
	var objChildTbl = document.getElementById(childTblId);


	var x,y;
	var judgerX,judgerY;
	if(iIsTop){
		var objTd = objTr.parentElement.parentElement.parentElement;
			x =  objRootTbl.offsetLeft + objTd.offsetLeft;
			y  =  objRootTbl.offsetTop + objRootTbl.offsetHeight ;
			
			var objParent = objRootTbl.offsetParent;
			while(objParent.tagName.toUpperCase() != "BODY"){
				y += objParent.offsetTop;
				x += objParent.offsetLeft;
				
				objParent = objParent.offsetParent;				
			}
	}
	else{
		var objTd = objTr.parentElement.parentElement.parentElement;

			x = objRootTbl.style.pixelLeft + objTd.offsetLeft + objTr.offsetWidth
			y  = objRootTbl.style.pixelTop +   objTr.offsetTop;
		
		
			var objParent = objRootTbl.offsetParent;
			while(objParent.tagName.toUpperCase() != "BODY"){
				y += objParent.offsetTop;
				x += objParent.offsetLeft;
				
				objParent = objParent.offsetParent;				
			}		
		judgerX =  objChildTbl.offsetWidth  + x;
		if(judgerX>= document.body.clientWidth){
			x = objRootTbl.style.pixelLeft + objTd.offsetLeft - objChildTbl.offsetWidth;
		}

	}

	with(objChildTbl.style){
		pixelLeft = x ;
		pixelTop  = y ;
	}	

	objChildTbl.style.visibility = "visible";		
	arrVisibleTbl[iDepth] = childTblId;
	
}

function HideTbl(trId){
	var childTblId = GetChildTblId(trId);
	var iDepth = GetDepthByTblId(childTblId);
	for(m=0;m<arrVisibleTbl.length;m++){
		if(m >= iDepth){
			HideElementById(arrVisibleTbl[m])
		}
	}
}

function HideElementById(id){
	var obj = document.getElementById(id);
	with(obj.style){
		visibility = "hidden";
	}
	if(obj.selectedTr){
		var objTr  = eval(obj.selectedTr);
		objTr.className= "submenutrout"
	}
	

}

function GetChildTblId(trId){
	return trId.substring(2);
}

function GetRootTblId(trId){
	return trId.substring(2,trId.lastIndexOf("_"));
}

function GetDepthByTblId(tblId){
	var arrTmp = tblId.split("_");
	var iDepth = arrTmp.length - 3;
	return iDepth;
}


function document.onmouseup(){
	HideAll();
}


var iWaitTimes;
var oWaitTimer;

function HideAll(){
	if(oWaitTimer != null){
		return;
	}
	iWaitTimes  = 0;
	bNeedHideAll = true;
	HideAll_2();
}

function HideAll_2(){

	oWaitTimer = setTimeout("HideAll_2()",600)
	if (iWaitTimes < 1){
		iWaitTimes ++ ;
	}
	else{	
		clearTimeout(oWaitTimer)
		oWaitTimer = null
		if (bNeedHideAll){
			for(m=0;m<arrVisibleTbl.length;m++){
				HideElementById(arrVisibleTbl[m])
			}		
		}	
	}
}

function HideAllOnResize(){
	for(m=0;m<arrVisibleTbl.length;m++){
		HideElementById(arrVisibleTbl[m])
	}
}

function GetOutClass(iIsTop)
{
	var sRet;
	if(iIsTop == 1)
	{
		sRet = "menutrout"
	}
	else
	{
		sRet = "submenutrout"
	}
	return sRet;
	
}

function GetInClass(iIsTop)
{
	var sRet;
	if(iIsTop)
	{
		sRet = "menutrin"
	}
	else
	{
		sRet = "submenutrin"
	}
	
	return sRet;
}

function SetBackImg(tr ,img)
{
	//alert("yes");
	//tr.style.background = img;
	
}