//	written	by Tan Ling Wee
//	last updated 20 June 2003
//	email :	fuushikaden@yahoo.com


var orientation=1	// 0-horizontal 1-vertical
var imgPath = "http://werner.com.au/images/"


var mainItemForeground = ""
var mainItemBorder = ""
var mainItemBackground = ""


var mainItemHoverForeground = ""
var mainItemHoverBorder = ""
var mainItemHoverBackground = ""


var mainItemForeground2 = ""
var mainItemBorder2 = ""
var mainItemBackground2 = ""


var mainItemHoverForeground2 = ""
var mainItemHoverBorder2 = ""
var mainItemHoverBackground2 = ""






var subItemForeground = ""
var subItemBorder = ""
var subItemBackground = ""


var subItemHoverForeground = ""
var subItemHoverBorder = ""
var subItemHoverBackground = ""


var subItemForeground2 = ""
var subItemBorder2 = ""
var subItemBackground2 = ""


var subItemHoverForeground2 = ""
var subItemHoverBorder2 = ""
var subItemHoverBackground2 = ""


var menuFont = "arial"
var menuSize = "13px"


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


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,rolloverImg,nme) {
	this.id = id
	this.parentId = parentId
	this.url = url
	this.description = description
	this.numChild = 0
	this.levelId = 0
	this.img = img
	this.rolloverImg = rolloverImg
	this.nme = nme
}


/////////////////////////////////////////////////////////////////////////////
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
        if (browserVer >= 3) version = "n3";
        else version = "n2";
        if (version == "n3")
{
       
	    s6on = new Image;
        s6on.src = "../images/logos_12.gif";
        s6off = new Image;
        s6off.src = "../images/logos_12.gif";
	
}


function img_act(imgName)
{
  if (version == "n3")
 {
        imgOn = eval(imgName + "on.src");
        document [imgName].src = imgOn;
        }
}


function img_inact(imgName)
{
  if (version == "n3")
        {
        imgOff = eval(imgName + "off.src");
        document [imgName].src = imgOff;
        }
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
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)
	{
		if (menuId % 2 > 0)
		{
		ItemForeground = subItemForeground2 
		Border = subItemBorder2 
		Background = subItemBackground2 


		HoverForeground = subItemHoverForeground2 
		HoverBorder = subItemHoverBorder2 
		HoverBackground = subItemHoverBackground2 


		}
		
		ItemForeground = subItemForeground 
		Border = subItemBorder 
		Background = subItemBackground 


		HoverForeground = subItemHoverForeground 
		HoverBorder = subItemHoverBorder 
		HoverBackground = subItemHoverBackground 
	}
	else
	{
		if (menuId % 2 > 0)
		{
		ItemForeground = mainItemForeground2
		Border = mainItemBorder2 
		Background = mainItemBackground2 
		HoverForeground = mainItemHoverForeground2 
		HoverBorder = mainItemHoverBorder2 
		HoverBackground = mainItemHoverBackground2 


		}


		ItemForeground = mainItemForeground 
		Border = mainItemBorder 
		Background = mainItemBackground 


		HoverForeground = mainItemHoverForeground 
		HoverBorder = mainItemHoverBorder 
		HoverBackground = mainItemHoverBackground 
	
	}


	if ((orientation==1)||(menu[menuId].levelId>0))
	{
		sHTML += "<tr>"
	}	
	var menuClass = 'menu';
	if (menuId % 2 > 0)
	{
		var menuClass = 'menu2'
		//Background = '#FFFFFF'
		HoverBackground = '#CC0000'
	} 


	if (menu[menuId].description!='-')
	{
		sHTML = "<td align=center id='menu_"+menuId+"' style='background-color:"+ Background + ";cursor:pointer;cursor:hand;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)\",50);'><table cellpadding=0 cellspacing=0 border=0 style='background-color:transparent;' align=left><tr>"


		if (menu[menuId].levelId>-1)
		{
			sHTML += "<td align=right><a href=# onmouseover=\"document."+menu[menuId].nme+".src='" + imgPath + menu[menuId].rolloverImg +"'\"onmouseout=\"document."+menu[menuId].nme+".src='" + imgPath + menu[menuId].img +"'\"><img src='" + imgPath + menu[menuId].img +"' border=0 name="+menu[menuId].nme+"></a></td>"
			//sHTML += "' name='img"+menuId+"' border=0 onMouseOver='document.img"+ menuId+".src=" + imgPath + menu[menuId].rolloverImg + "'></td>"
		}


		if ((orientation==0) && (menu[menuId].levelId==0))
		{
			nArrowWidth = 0
		}
		else
		{
			nArrowWidth = 0
		}
		sHTML += "<td border=0 style='background-color:transparent;' align=left class=" + menuClass + ">" + menu[menuId].description.replace(" "," ") + "</td><td style='padding-right:0px padding-left:0px;' align=left width="+nArrowWidth+">"
		sHTML += ""
		sHTML += "</td></tr></table></td>"
	}
	else
	{
		sHTML = "<td><img src='../../index_files/" + imgPath + "trans.gif'></td></tr><tr><td onmouseover='' bgcolor='#d0d0d0' style='filter: alpha(opacity=100);'><img src='../../index_files/" + imgPath + "trans.gif'></td></tr><tr><td><img src='../../index_files/" + imgPath + "trans.gif'></td>"
	}


	if ((orientation==1)||(menu[menuId].levelId>0))
	{
		sHTML += "</tr>"
	}	
	//alert(sHTML);
	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)",0)			
	}
	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 + 0


			if (nLevel==0) {
				leftpos -= 0
			}
		}
		else {
			lw_getObj("menu_level_"+nLevel).top = lw_toppos //+ lw_height
			leftpos = lw_leftpos 
		}


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


		sHTML = "<table cellpadding=0 cellspacing=0 border=0 style='background-color:transparent;' align=left>"
		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","#eeeeee",100)
	}
	
	sHTML="<table cellpadding=0 cellspacing=0 border=0 align=left>"
	for (var i=0; i<menuCounter; i++)
	{
		if (menu[i].parentId==0)
		{		
			sHTML += displayMenuItem (i)
		}
		else if (menu[i].parentId==-1)
		{		
			sHTML += "<tr bgcolor='"+mainItemBackground+"' align=left style='filter: alpha(opacity=100);'><td align=left width=0 style='padding-left:0px;padding-right:0px;'>" + menu[i].description + "</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, rolloverImg, nme)  {


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


	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