//	written	by Tan Ling Wee

//	last updated 20 June 2003

//	email :	fuushikaden@yahoo.com



var orientation=0	// 0-horizontal 1-vertical

var imgPath = "img/"



var mainItemForeground = "#000000"

var mainItemBorder = "#f0f0f0"

var mainItemBackground = "#f0f0f0"



var mainItemHoverForeground = "#000000"

var mainItemHoverBorder = "#a0a0a0"

var mainItemHoverBackground = "#d0d0d0"



var subItemForeground = "#000000"

var subItemBorder = "#ffffff"

var subItemBackground = "#ffffff"



var subItemHoverForeground = "#000000"

var subItemHoverBorder = "#a0a0a0"

var subItemHoverBackground = "#d0d0d0"



var menuFont = "verdana"

var menuSize = "11px"



/////////////////////////////////////////////////////////////////////////////



var	ie=(navigator.appName=='Microsoft Internet Explorer')

var	ns=(navigator.appName=='Netscape')

var	dom=document.getElementById

var lw_menuId, lw_trigger, to1

var s1



/////////////////////////////////////////////////////////////////////////////



function Tmenu (id, parentId, url, description, img) {

	this.id = id

	this.parentId = parentId

	this.url = url

	this.description = description

	this.numChild = 0

	this.levelId = 0

	this.img = img

}



/////////////////////////////////////////////////////////////////////////////



var menu = new Array()

var menuCounter = 0

var numLevel = 0

var prevMenuId = -1

var nNowAt = 0



function displayMenuItem(menuId) {

	var sHTML

	

	if (menu[menuId].parentId>0)

	{

		ItemForeground = subItemForeground 

		Border = subItemBorder 

		Background = subItemBackground 



		HoverForeground = subItemHoverForeground 

		HoverBorder = subItemHoverBorder 

		HoverBackground = subItemHoverBackground 

	}

	else

	{

		ItemForeground = mainItemForeground 

		Border = mainItemBorder 

		Background = mainItemBackground 



		HoverForeground = mainItemHoverForeground 

		HoverBorder = mainItemHoverBorder 

		HoverBackground = mainItemHoverBackground 

	}



	if ((orientation==1)||(menu[menuId].levelId>0))

	{

		sHTML += "<tr>"

	}	



	if (menu[menuId].description!='-')

	{

		sHTML = "<td id='menu_"+menuId+"' style='cursor:pointer;cursor:hand;border-style:solid;border-width:1px;background-color:"+ Background +";color=\""+ ItemForeground +"\";border-color:"+ Border +"' onmouseover='clearInterval(s1);this.style.backgroundColor=\"" + HoverBackground + "\";this.style.color=\"" + HoverForeground + "\";this.style.borderColor=\"" + HoverBorder + "\";"



		if (menu[menuId].numChild!=0) {

			sHTML += "showSubmenu("+menu[menuId].id+",this);hideSubmenu(menu["+menuId+"].levelId+1);"

		}

		else

		{

			sHTML += "prevMenuId = "+menuId+";hideSubmenu(menu["+menuId+"].levelId);"

		}



		sHTML += ";nNowAt="+menuId+";clearAll("+menu[menuId].levelId+","+menu[menuId].parentId+")' onclick='document.location.href=\""+menu[menuId].url+"\"' onmouseout='s1=setInterval(\"resetMenu();hideSubmenu(0)\",1000);'><table cellpadding=0 cellspacing=0 border=0 width='100%'><tr>"



		if (menu[menuId].levelId>0)

		{

			sHTML += "<td style='padding-left:3px' width=20><img src='"

			if (menu[menuId].img=="")

			{

				sHTML += imgPath + "trans.gif"

			}

			else

			{

				sHTML += imgPath + menu[menuId].img

			}

			sHTML += "' width=16 height=16 border=0></td>"

		}



		if ((orientation==0) && (menu[menuId].levelId==0))

		{

			nArrowWidth = 0

		}

		else

		{

			nArrowWidth = 25

		}



		sHTML += "<td style='padding-left:5px;padding-right:5px' align=left>" + menu[menuId].description.replace(" ","&nbsp;") + "</td><td style='padding-right:2px' align=right width="+nArrowWidth+">"

		if (menu[menuId].numChild>0)

		{

			if ((orientation==0)&&(menu[menuId].levelId==0))

			{

				sHTML += "<img src='" + imgPath + "arrow_down.gif'>"

			}

			else

			{

				sHTML += "<img src='" + imgPath + "arrow_right.gif'>"

			}

		}

		else

		{

			sHTML += "&nbsp;"

		}

		sHTML += "</td></tr></table></td>"

	}

	else

	{

		sHTML = "<td><img src='" + imgPath + "trans.gif' height=2></td></tr><tr><td onmouseover='' bgcolor='#d0d0d0'><img src='" + imgPath + "trans.gif' height=1></td></tr><tr><td><img src='" + imgPath + "trans.gif' height=2></td>"

	}



	if ((orientation==1)||(menu[menuId].levelId>0))

	{

		sHTML += "</tr>"

	}	

	return sHTML

}



function clearAll(levelId, parentId) {



	if (levelId>0)

	{

		Border = subItemBorder 

		Background = subItemBackground 

	}

	else

	{

		Border = mainItemBorder 

		Background = mainItemBackground 

	}



	for (i=0;i<menuCounter;i++)

	{

		if (menu[i].levelId==levelId)

		{

			if ((i!=nNowAt) && (menu[i].parentId==parentId) && (menu[i].description!="-")) {

				lw_getObj("menu_"+i).backgroundColor=Background;

				lw_getObj("menu_"+i).borderColor=Border

			}

		}

	}



}



function mapID (id) {

	for (var i=0;i<menuCounter;i++)

	{

		if (menu[i].id==id)

		{

			return i

		}

	}

	return -1

}



function showSubmenu(menuId,trigger) {

	lw_menuId = menuId

	lw_trigger = trigger



	if (ns)

	{

		to1 = setTimeout("showActualSubmenu(lw_menuId,lw_trigger)",50)			

	}

	else

	{

		showActualSubmenu(lw_menuId,lw_trigger)

	}

}



function showActualSubmenu(menuId,trigger) {

	var nLevel = 0

	var leftpos = 0 

	var nIndex=0



	if (menuId>0)

	{

		lw_calcpos(trigger)



		for (var i=0;i<menuCounter;i++)

		{

			if (menu[i].id==menuId)

			{	

				nLevel = menu[i].levelId

				nIndex = i

			}

		}



		if ((orientation==1)||(menu[nIndex].parentId>0))

		{

			lw_getObj("menu_level_"+nLevel).top=lw_toppos

			leftpos = lw_leftpos + lw_width + 5



			if (nLevel==0) {

				leftpos -= 3

			}

		}

		else {

			lw_getObj("menu_level_"+nLevel).top = lw_toppos + lw_height + 2

			leftpos = lw_leftpos

		}



		lw_getObj("menu_level_"+nLevel).left=leftpos



		sHTML = "<table cellpadding=0 cellspacing=0 border=0>"

		for (var i=0;i<menuCounter;i++)

		{

			if (menu[i].parentId==menuId)

			{

				sHTML += displayMenuItem (i)

			}

		}

		sHTML += "</table>"



		document.getElementById("menu_level_"+nLevel+"_content").innerHTML=sHTML

		lw_showLayer('menu_level_'+nLevel)

	} 

}



function hideSubmenu(levelId) {

	for (var cnt=levelId; cnt<numLevel; cnt++)

	{

		lw_hideLayerName("menu_level_"+cnt)

	}

}



function DrawMenu ()  {



	for (var i=0; i<numLevel ; i++)

	{

		lw_createLayer("menu_level_"+i,0,0,0,0,"#ffffff","#d0d0d0",100)

	}

	

	sHTML="<table width=100% cellpadding=2 cellspacing=0>"

	for (var i=0; i<menuCounter; i++)

	{

		if (menu[i].parentId==0)

		{		

			sHTML += displayMenuItem (i)

		}

		else if (menu[i].parentId==-1)

		{		

			sHTML += "<tr><td><img src='trans' height=2></td></tr><tr bgcolor='"+mainItemBackground+"'><td style='padding:5px'><b>" + menu[i].description + "</b></td></tr>"

		}

	}

	sHTML += "</table>"



	document.writeln(sHTML)



}



function getLevel (menuId) {

	var pId=menuId

	var nLevel=0



	while (pId!=0)

	{

		nLevel++

		for (var i=0;i<menuCounter;i++)

		{

			if (menu[i].id==pId)

			{	

				pId = menu[i].parentId

			}

		}

	}



	return nLevel

}



function AddMenuItem (id, parentId, url, description, img)  {



	menu[menuCounter++] = new Tmenu (id, parentId, url, description, img)



	if (parentId>0)

	{

		for (i=0;i<menuCounter;i++)

		{

			if (menu[i].id==parentId)

			{

				menu[i].numChild++

			}

		}

		menu[menuCounter-1].levelId = getLevel(parentId)



		if ( numLevel < menu[menuCounter-1].levelId)

		{	

			numLevel = menu[menuCounter-1].levelId

		}

	}	 

	else if (parentId==0)

	{

		menu[menuCounter-1].levelId = 0

	}

	else

	{

		menu[menuCounter-1].levelId = -1

	}

}



function handleonclick() {

	if (ns)

	{

		lw_closeAllLayers()

	}

	else

	{

		lw_closeAllLayers(event)

	}



	resetMenu()

}



function handlekeypress(e) {

	if (ns)

	{

		var keyCode = e.keyCode?e.keyCode:e.which?e.which:e.charCode;

		if ((keyCode==27)||(keyCode==1))

		{

			handleonclick()

		}

	}

	else

	if ((event.keyCode==0)||(event.keyCode==27))

	{

		handleonclick()

	}

	resetMenu()

}



function resetMenu () {

	for (i=0;i<menuCounter;i++)

	{

		if (menu[i].levelId==0)

		{

			lw_getObj("menu_"+i).backgroundColor=mainItemBackground

			lw_getObj("menu_"+i).borderColor=mainItemBorder

		}

	}

}



document.onkeypress = handlekeypress

document.onclick = handleonclick