/**
* Bismillaahirrohmaanirrohiim
* Dhtml MenuBar DOM
*
* @access   public
* @version  1.4
* @author   Donna Iwan Setiawan
* @email    pagi@donnaiwan.com
* @homepage http://www.donnaiwan.com
* @package  doiMenu
*
* History
* -------
* v.1.4
*   - first public release
*
* Notes
*   If you have trouble building menu, please refer to demo files first.
*   If you find this code useful or if you have any comment please let me know
*   If you have time, please visit http://www.limabit.com. Just a click away :)
*
* This note must remain intact
*/
 
var _params = new TParameter()
var _browser = new TBrowser()

//browser constructor
function TBrowser()
{
  this._name =''
  this._version = ''
  this._os =''
}


//start:function browser checking
// original browser detection source code go to http://www.xs4all.nl/~ppk/js/detect.html
var detect = navigator.userAgent.toLowerCase();
var total,thestring;

if (checkIt('konqueror'))
{
	_browser._name = "Konqueror";
	_browser._os = "Linux";
}
else if (checkIt('safari'))  _browser._name = "Safari"
else if (checkIt('omniweb')) _browser._name = "OmniWeb"
else if (checkIt('opera'))   _browser._name = "Opera"
else if (checkIt('webtv'))   _browser._name = "WebTV";
else if (checkIt('icab'))    _browser._name = "iCab"
else if (checkIt('msie'))    _browser._name = "IE"
else if (!checkIt('compatible'))
{
	_browser._name = "Netscape"
	_browser._version = detect.charAt(8);
}
else _browser._name = "none";

if (_browser._version == '') _browser._version = detect.charAt(place + thestring.length);

if (_browser._os == '')
{
	if (checkIt('linux'))    _browser._os = "Linux";
	else if (checkIt('x11')) _browser._os = "Unix";
	else if (checkIt('mac')) _browser._os = "Mac"
	else if (checkIt('win')) _browser._os = "Windows"
	else _browser._os = "none";
}

function checkIt(string)
{
	place = detect.indexOf(string) + 1;
	thestring = string;
	return place;
}
//end:function browser checking


//Main Menu Constructor
function TMainMenu(id,direction)
{
	this._id = id
	this._parent = '' //di set pada saat Add() method -->belum kepake
	this._width ='auto'
	this._direction = direction //direction = 'horizontal' atau 'vertical'
	this._position= 'absolute'	
	this._top = 0
	this._left = 0
	this._cellSpacing =5
	this._itemHeight = 'auto' //dengan satuan bisa 'auto' atau ''
	this._itemWidth = 'auto'	//dengan satuan bisa 'auto' atau ''
	this._textAlign = 'center'
	this._backColor = 'buttonface'
	this._outerBorder = new TBorder()
	this._innerBorder = new TBorder() //bug: harus diisi jangan none atau 0px
	this._noShadow = true
	this._itemIndex = -1
	this._items = new Array()
	this.Add = AddItem
	this.Draw = DrawMenu
	this.Init = InitMenu
	this.Build = BuildMenu
}
//Pop Menu Constructor
function TPopMenu(id,label,icon,clickType,clickParam,status)
{
	//status  belum kepake
	//rencana buat status di statusbar
	this._id = id
	this._parent = '' //di set pada saat Add() method -->belum kepake
	this._label = label
	this._top = 0
	this._left = 0
	this._status = status
	if(icon == "")
		this._icon = '<td class="TIcon"><img src="none.gif" /></td>'
	else if(icon == '9x')
		this._icon = ''		
	else
		this._icon = '<td class="TIcon"><img class="TIcon" src="'+icon+'" /></td>'

	this._itemIndex = -1
	this._items = new Array()
	
	switch(clickType)
	{
		case 'function':
			this._eClick = ' onclick="'+clickParam+'"'
			break;
		default:
			this._eClick = ''
	}
	
	this.Add = AddItem
	this.Draw = DrawPopMenu
}
//Parameter buat Menu
function TParameter()
{
	this._width = 200	//lebar popup menu in px
	this._separator = new TSeparator()
	this._expandIcon = new TExpandIcon()
	
	this._font = new TFont()
	this._font._family = 'tahoma,verdana,sans-serif,arial'
	this._font._size = '8pt'
	
	//untuk pop menu
	this._hlItemBorderColor = 'navy'
	this._hlItemTextColor = 'white'
	this._hlItemBackColor = '#B6BDD2'
	this._itemBorderColor = 'none'
	this._itemTextColor = 'black'
	this._itemBackColor = 'transparent'
	
	//untuk main menu
	this._mmPosition = 'absolute' //dioverwrite dengan TMainMenu._position pada saat TMainMenu.Build()
	
	this._mmItemTextColor = 'black'
	this._mmItemBackColor = 'transparent'
	this._mmHLItemTextColor = 'white'
	this._mmHLItemBackColor = '#B6BDD2'
	
	this._mmItemBorder = new TBorder()	//dioverwrite dengan TMainMenu._innerBorder pada saat TMainMenu.Build()
	this._mmHLItemBorder = new TBorder()
	this._mmHLItemBorder._top ='1px navy solid'
	this._mmHLItemBorder._right ='1px navy solid'
	this._mmHLItemBorder._bottom ='1px navy solid'
	this._mmHLItemBorder._left ='1px navy solid'
	
	this._mmItemTextColorClick = 'white'
	this._mmItemBackColorClick = '#B6BDD2'
	this._mmItemBorderClick = new TBorder()
	this._mmItemBorderClick._top ='1px navy solid'
	this._mmItemBorderClick._right ='1px navy solid'
	this._mmItemBorderClick._bottom ='1px navy solid'
	this._mmItemBorderClick._left ='1px navy solid'
			
	this._popBack = new TBackground()
	this._popBack._color = 'whitesmoke'
	this._popBack._image = 'url("xp.gif")'
	this._popBack._repeat = 'repeat-y'
	
	this._popBorder = new TBorder()
	this._popBorder._top = '1px black solid'
	this._popBorder._right = '1px black solid'
	this._popBorder._bottom = '1px black solid'
	this._popBorder._left = '1px black solid'
	
	this._createShadow = true
	this._shadowColor = '#E8E8E8'
	this._shadowDistance = 3 //in pixel
	
	this._timeOut = 2000 //in milliseconds
}
function TSeparator()
{
	this._align = 'center'  //available value: 'left','center','right'
	this._width = 200 //in pixel
	this._margin = "0px 0px 0px 0px";	//top right bottom left margin --> dioverwrite
	this._border = new TBorder()  //_left and _right --> tidak kepake
	this._border._top = '1px black solid'
	this._border._bottom = '1px white solid'
}
function TFont()
{
	this._family = 'arial,times,sans-serif'
	this._size = '8pt'
}
function TBackground()
{
	this._image = 'none'
	this._repeat = 'no-repeat'
	this._color = 'transparent'
	this._position = 'top left'
}
function TExpandIcon()
{
	this._symbol = '&#9658;'
	this._font = new TFont()
	this._font._size = '6pt'
}
//Border Constructor
function TBorder()
{
	this._top='1px gray solid'
	this._right ='1px gray solid'
	this._bottom ='1px gray solid'
	this._left='1px gray solid'
	
}
//public
function BuildMenu()
{
	var result =""
	var level = -1
	
	_params._mmPosition = this._position
	_params._mmItemBorder._top = this._innerBorder._top
	_params._mmItemBorder._right = this._innerBorder._right
	_params._mmItemBorder._bottom = this._innerBorder._bottom
	_params._mmItemBorder._left = this._innerBorder._left

	result += BuildStyle()
	result += this.Draw(level++)
	level++
	for(var i=0;i<=this._itemIndex;i++)
	{
		result +=this._items[i].Draw(level)
		result += BuildPopUpMenu(this._items[i],level)
	}
	return result
}

//public
function InitMenu()
{
	var el_menu = document.getElementById(this._id)
	//el_menu.style.position = this._position
	if(this._position == 'absolute')
	{
		el_menu.style.top = this._top
		el_menu.style.left = this._left
	}else
	{
		this._top = el_menu.offsetTop
		this._left = el_menu.offsetLeft
	}	
	el_menu.style.borderTop = this._outerBorder._top
	el_menu.style.borderRight = this._outerBorder._right
	el_menu.style.borderBottom = this._outerBorder._bottom
	el_menu.style.borderLeft = this._outerBorder._left
	el_menu.style.backgroundColor = this._backColor
	for(var i=0;i<=this._itemIndex;i++)
	{
		var el_menuitem = document.getElementById('pr_'+this._items[i]._id)
		
		if(this._itemHeight.toLowerCase() != 'auto' || this._itemHeight != '')
			el_menuitem.style.height = this._itemHeight
		if(this._itemWidth.toLowerCase() != 'auto' || this._itemWidth != '')
			el_menuitem.style.width = this._itemWidth
			
		el_menuitem.style.borderTop = this._innerBorder._top
		el_menuitem.style.borderRight = this._innerBorder._right
		el_menuitem.style.borderBottom = this._innerBorder._bottom
		el_menuitem.style.borderLeft = this._innerBorder._left
		el_menuitem.style.textAlign = this._textAlign
		
		el_menuitem.style.backgroundColor = _params._mmItemBackColor
		el_menuitem.style.color = _params._mmItemTextColor

		if(this._items[i]._itemIndex > -1)
		{				
			var el_pop = document.getElementById(this._items[i]._id)
			if(this._direction == 'horizontal')
			{
				this._items[i]._top = el_menuitem.offsetTop + el_menuitem.offsetHeight+this._top + 1
				this._items[i]._left = el_menuitem.offsetLeft + this._left
			}
			else
			{
				this._items[i]._top = el_menuitem.offsetTop +this._top
				this._items[i]._left = el_menuitem.offsetLeft + el_menuitem.offsetWidth+this._left+ 4
			}
			
			el_pop.style.top = this._items[i]._top + 'px'
			el_pop.style.left = this._items[i]._left + 'px'
			el_pop.style.width = _params._width + 'px'
			el_pop.style.zIndex = 1
			
			//shadow
			if(_params._createShadow)
			{
				var sh_el_pop = document.getElementById('sh_'+this._items[i]._id)
				sh_el_pop.style.top= this._items[i]._top + _params._shadowDistance + 'px'
				sh_el_pop.style.left= this._items[i]._left + _params._shadowDistance + 'px'
				sh_el_pop.style.width= el_pop.offsetWidth 
				sh_el_pop.style.height= el_pop.offsetHeight
				sh_el_pop.style.backgroundColor = _params._shadowColor
			}	
			InitPopMenu(this._items[i],1)		
		}
	}	
	//main menu shadow
	if(!this._noShadow)
	{
		var sh_el = document.getElementById('sh_'+this._id)

		  sh_el.style.top = this._top + _params._shadowDistance +'px'
		  sh_el.style.left= this._left + _params._shadowDistance +'px'

		sh_el.style.width = el_menu.offsetWidth
		sh_el.style.height = el_menu.offsetHeight
		sh_el.style.backgroundColor = _params._shadowColor
	}
}
//private
function DrawMenu(level)
{
	var result = ""
	//main menu shadow
	if(!this._noShadow)
	{
		result +='<div style="position:absolute;" id="sh_'+this._id+'"></div>'
	}
		
	result +='<table class="TMenu" id="'+this._id+'"'
	if(this._width != 'auto' || this._width != '')
	  result +=' width="'+this._width+'"' 
	result +=' cellspacing="'+this._cellSpacing+'">'
	
	if(this._direction == 'horizontal')
		result +='<tr>'
	if(this._itemIndex > -1)
	{
		for(var i=0;i<=this._itemIndex;i++)
		{
			var result1 = ''
			result1 += '<td nowrap class="TMenuItem" id="pr_'+this._items[i]._id+'"'
			if(this._items[i]._itemIndex > -1)
			{
				result1 += ' onmouseover="onMainMOver(event,this,\''+this._items[i]._id+'\','+level+')"'
				result1 += 'onclick="onMainClick(event,this,\''+this._items[i]._id+'\')"'  // removed by ralph
				result1 += ' onmouseout="onMainMOut(event,this,\''+this._items[i]._id+'\')"'
			}
			else
			{
				result1 += ' onmouseover="onMainMOver(event,this,\'\')"'
				result1 += this._items[i]._eClick  // added by ralph so the item is clickable if nothing is underneath it.
				result1 += ' onmouseout="onMainMOut(event,this,\'\')"'
			}
			result1 += '>'+this._items[i]._label+'</td>'
			
			if(this._direction == 'horizontal')
				result += result1
			else
				result += '<tr>'+result1+'</tr>'
		}
	}
	else
	{
		var result1 = ''
		result1 +='<td>&nbsp;</td>'
		if(this._direction == 'horizontal')
			result += result1
		else
			result +='<tr>'+result1+'</tr>'
	}
	if(this._direction == 'horizontal')
		result += '</tr>'
	result +='</table>'
	return result
}
//private
function DrawPopMenu(level)
{
	var result =""
	if(this._itemIndex > -1)
	{
		//shadow
		if(_params._createShadow)
		{	
			result += '<div style="position:absolute;visibility:hidden;" id="sh_'+this._id+'"></div>'
		}
		
		result += '<div class="TPopUp" id="'+this._id+'">'
		for(var i=0;i<=this._itemIndex;i++)
		{
			if(this._items[i]._label != '-')
			{
				//jika child punya child lagi
				if(this._items[i]._itemIndex > -1)
				{
				  result += '<div class="TPopUpItem" id="di_'+this._items[i]._id+'">'
					result += '<table class="TPopUpItem" cellspacing="0" cellpadding="2"'
					result += ' onmouseover="onPopItemMOver(event,this,\''+this._items[i]._id+'\','+level+')"'
					result += this._items[i]._eClick
					result += ' onmouseout="onPopItemMOut(event,this,\''+this._items[i]._id+'\')"'
					result +=' id="pr_'+this._items[i]._id+'"><tr>'+this._items[i]._icon+'<td>'+this._items[i]._label+'</td><td class="TExpand">'+_params._expandIcon._symbol+'</td>'
				}
				else
				{
				  result += '<div class="TPopUpItem">'
					result += '<table class="TPopUpItem" cellspacing="0" cellpadding="2"'
					result += ' onmouseover="onPopItemMOver(event,this,\'\','+level+')"'
					result += ' onmouseout="onPopItemMOut(event,this,\'\')"'
					result += this._items[i]._eClick
					result +='><tr>'+this._items[i]._icon+'<td>'+this._items[i]._label+'</td>'
				}
				result += '</tr></table>'
				result += '</div>'
			}
			else
			{			
				//ie butuh margin-right:-2px
				if(_browser._name == 'IE')
				  result +='<div style="margin-right:-2px;padding:4px 0px 4px 0px;background-color:'+_params._itemBackColor+';"><div class="TSeparator"></div></div>'
				else
				  result +='<div style="margin-right:0px;padding:4px 0px 4px 0px;background-color:'+_params._itemBackColor+';"><div class="TSeparator"></div></div>'    
			}
		}
		result +='</div>'
	}
	return result
}
//global
function AddItem(popMenu)
{
  this._itemIndex++
  this._items[this._itemIndex] = popMenu
  this._items[this._itemIndex]._parent = popMenu._id
}
//global
function InitPopMenu(popMenu,zIndex)
{
	if(popMenu._itemIndex > -1)
	{
		for(var i=0;i<=popMenu._itemIndex;i++)
		{
			if(popMenu._items[i]._itemIndex > -1)
			{
				var pr_el = document.getElementById('pr_'+popMenu._items[i]._id)
				var el = document.getElementById(popMenu._items[i]._id)
				popMenu._items[i]._top = popMenu._top + pr_el.offsetTop
				popMenu._items[i]._left = popMenu._left + _params._width - 3
				el.style.top = popMenu._items[i]._top +'px'
				el.style.left = popMenu._items[i]._left + 'px'
				el.style.width =_params._width
				zIndex++
				el.style.zIndex = zIndex
				
				//shadow
				if(_params._createShadow)
				{
					var sh_el = document.getElementById('sh_'+popMenu._items[i]._id)
					sh_el.style.top= popMenu._items[i]._top + _params._shadowDistance + 'px'
					sh_el.style.left= popMenu._items[i]._left + _params._shadowDistance + 'px'
					sh_el.style.width= el.offsetWidth 
					sh_el.style.height= el.offsetHeight
					sh_el.style.backgroundColor = _params._shadowColor
				}	
				InitPopMenu(popMenu._items[i],zIndex)
			}
		}
	}
}
//global
function BuildPopUpMenu(popMenu,level)
{
	var result = ""
	level++
	for(var i=0;i<=popMenu._itemIndex;i++)
	{
		result += popMenu._items[i].Draw(level)
		result += BuildPopUpMenu(popMenu._items[i],level)
	}
	return result
}
//global
function BuildStyle()
{
	var result = ''
	result +='<style type="text/css">'	
	
	result +='table.TMenu{cursor:default'
	result +=';position:'+_params._mmPosition
	result +=';font-family:'+ _params._font._family
	result +=';font-size:'+ _params._font._size
	result +=';}'	
	
	result +='td.TMenuItem{padding:1px 5px 1px 5px'
	result +=';}'
	result +='div.TPopUp{position:absolute;padding: 1px 1px 1px 1px;visibility:hidden'
	result +=';border-top:'+ _params._popBorder._top
	result +=';border-right:'+_params._popBorder._right
	result +=';border-bottom:'+_params._popBorder._bottom
	result +=';border-left:'+_params._popBorder._left
	result +=';background-color:'+ _params._popBack._color
	result +=';background-image:'+ _params._popBack._image
	result +=';background-position:' + _params._popBack._position
	result +=';background-repeat:'+ _params._popBack._repeat
	result +=';display:block'
	result +=';}'
	
	result +='table.TPopUpItem{width:100%;cursor:default;'
	result +='font-family:'+_params._font._family+';font-size:'+_params._font._size+';}'

	result +='div.TPopUpItem{cursor:default;background-color:'+ _params._itemBackColor+';'
	if(_params._itemBorderColor.toLowerCase() == 'none' || _params._itemBorderColor == '')
	{
		result +='padding:1px 1px 1px 1px;'
		result +='border:0px red solid;'
	}
	else
	{
		result +='padding:0px 0px 0px 0px;'
		result +='border:1px '+_params._itemBorderColor+' solid;'
	}
	result +='}'		
	result +='div.TPopUpItem1{cursor:default;background-color :'+_params._hlItemBackColor+';'
	if(_params._hlItemBorderColor.toLowerCase() == 'none' || _params._hlItemBorderColor == '')
	{
		result +='padding:1px 1px 1px 1px;'
		result +='border:0px none solid;'
	}
	else
	{
		result +='padding:0px 0px 0px 0px;'
		result +='border:1px '+_params._hlItemBorderColor+' solid;'
	}		
	result +='}'
	//separator
	_params._separator._width=((_params._width - _params._separator._width) < 0)?_params._width:_params._separator._width
	
	var _div = Math.floor((_params._width - _params._separator._width)/2)
	switch(_params._separator._align)
	{
	  case 'left':
	    _params._separator._margin = '0px '+(_div*2)+'px 0px 0px'
	    break
	  case 'right':
	    _params._separator._margin = '0px 0px 0px '+(_div*2)+'px'
	    break
	  default:
	    _params._separator._margin = '0px '+_div+'px 0px '+_div+'px'
	}
	result +='div.TSeparator{'
	result +='margin:'+_params._separator._margin
	result +=';border-top:'+_params._separator._border._top
	result +=';border-bottom:'+_params._separator._border._bottom
	result +=';}'
	
	result +='td.TExpand{text-align:right;font-family:'+_params._expandIcon._font._family
	result +=';font-size:'+_params._expandIcon._font._size+';}'

	result +='td.TIcon{width:24px;text-align:left;}'
	result +='img.TIcon{width:16px;vertical-align:middle;}'
	result +='</style>'	
	return result
}
/*
 	fungsi2 di bawah merupakan fungsi untuk memanipulasi menu
 	mulai dari mouse over,mouse out,mouse click
*/

var RegisterPopUpMenuID = new Array()	//array menyimpan id popup menu yang muncul
var RegisterPopUpMenuIndex = -1	//index terakhir dari id popup menu yang te-register di atas
/*
	menyimpan state item yang membuka pop up menu
*/
var RegisterTriggerPopID = new Array()
var RegisterTriggerPopIndex = -1

/*
	untuk menyimpan state click pada main menu
		false berarti harus diclick dulu baru muncul pop up
		true berarti hanya dgn mouse over, muncul pop up
*/
var MainMenuClick = false

//start: basic functions
function findTriggerPopID(elmID)
{
	var result = -1
	for(var i=0;i<=RegisterTriggerPopIndex;i++)
	{
		if(RegisterTriggerPopID[i] == elmID)
		{
			result = i
			break
		}
	}
	return result
}
/*
	mengubah style dari anchor
	pada saat anchor mouse over memunculkan pop up menu
	syle diganti agar tetap seperti kondisi hover
*/
function saveTriggerPopID(elmID)
{
	RegisterTriggerPopIndex++
	RegisterTriggerPopID[RegisterTriggerPopIndex] = elmID
	var el = document.getElementById(elmID)
	if(el.className == "TMenuItem")
	{
		el.style.backgroundColor=_params._mmItemBackColorClick
		el.style.color = _params._mmItemTextColorClick
		
		el.style.borderTop= _params._mmItemBorderClick._top
		el.style.borderRight= _params._mmItemBorderClick._right
		el.style.borderBottom= _params._mmItemBorderClick._bottom
		el.style.borderLeft= _params._mmItemBorderClick._left		
 
	}
	else
	{
		el.className = "TPopUpItem1"
	}
}
/*
	mengembalikan style ke style awal
*/
function removeTriggerPopID(elmID)
{
	var index = findTriggerPopID(elmID)
	if(index > -1)
	{
		for(var i=RegisterTriggerPopIndex;i>=index;i--)
		{
			var ID = RegisterTriggerPopID[i]			
			var el = document.getElementById(ID)
			if(el.className == "TMenuItem")
			{
				el.style.backgroundColor=_params._mmItemBackColor
				el.style.color = _params._mmItemTextColor
				el.style.borderTop= _params._mmItemBorder._top
				el.style.borderRight= _params._mmItemBorder._right
				el.style.borderBottom= _params._mmItemBorder._bottom
				el.style.borderLeft= _params._mmItemBorder._left
			}
			else
			{
			  var IDLen = ID.length
			  var tableID = 'pr_'+ ID.substr(3,IDLen)
			  var elTable = document.getElementById(tableID)			  
				el.className = "TPopUpItem"
				elTable.style.color =_params._itemTextColor
			}
			RegisterTriggerPopID[i] = null
		}
		RegisterTriggerPopIndex = index - 1
	}
}
function removeTriggerPopIDByIndex(index)
{
	if(RegisterTriggerPopIndex > -1 && index > -1)
	{
		for(var i=RegisterTriggerPopIndex;i>=index;i--)
		{
			var ID = RegisterTriggerPopID[i]		
			var el = document.getElementById(ID)
			if(el.className == "TMenuItem")
			{
				el.style.backgroundColor=_params._mmItemBackColor
				el.style.color = _params._mmItemTextColor
				el.style.borderTop= _params._mmItemBorder._top
				el.style.borderRight= _params._mmItemBorder._right
				el.style.borderBottom= _params._mmItemBorder._bottom
				el.style.borderLeft= _params._mmItemBorder._left
			}
			else
			{
			  var IDLen = ID.length
			  var tableID = 'pr_'+ ID.substr(3,IDLen)
			  var elTable = document.getElementById(tableID)				  
				el.className = "TPopUpItem"
				elTable.style.color =_params._itemTextColor
			}
			RegisterTriggerPopID[i] = null
		}
		RegisterTriggerPopIndex = index - 1
	}
}
function removeAllTriggerPopID()
{
	if(RegisterTriggerPopIndex > -1)
	{
		for(var i=RegisterTriggerPopIndex;i>=0;i--)
		{
			var ID = RegisterTriggerPopID[i]
			var el = document.getElementById(ID)
			if(el.className == "TMenuItem")
			{
			  if(MainMenuClick)
			  {
				  el.style.backgroundColor=_params._mmItemBackColor
				  el.style.color = _params._mmItemTextColor
				  el.style.borderTop= _params._mmItemBorder._top
				  el.style.borderRight= _params._mmItemBorder._right
				  el.style.borderBottom= _params._mmItemBorder._bottom
				  el.style.borderLeft= _params._mmItemBorder._left
				}
			}
			else
			{
  			var IDLen = ID.length
	  		var tableID = 'pr_'+ ID.substr(3,IDLen)
		  	var elTable = document.getElementById(tableID)

				el.className = "TPopUpItem"
				elTable.style.color =_params._itemTextColor
			}			
			RegisterTriggerPopID[i] = null
		}
		RegisterTriggerPopIndex = - 1
	}	
}
function findRegisteredPopUpMenuID(elmID)
{
	var result=-1
	for(var i=0;i<=RegisterPopUpMenuIndex;i++)
	{
		if(RegisterPopUpMenuID[i] == elmID)
		{
			result = i
			break
		}
	}
	return result
}
function showPopUpMenu(elmID)
{
	//Register PopUpMenu
	RegisterPopUpMenuIndex++
	RegisterPopUpMenuID[RegisterPopUpMenuIndex] = elmID
	document.getElementById(elmID).style.visibility="visible"
	if(_params._createShadow)
		document.getElementById('sh_'+elmID).style.visibility="visible"
}
function hidePopUpMenu(elmID)
{
	var index = findRegisteredPopUpMenuID(elmID)
	if(index >-1)
	{
		for(var i=RegisterPopUpMenuIndex;i>=index;i--)
		{
			var ID = RegisterPopUpMenuID[i]
			document.getElementById(ID).style.visibility="hidden"
			if(_params._createShadow)
				document.getElementById('sh_'+ID).style.visibility="hidden"
		}
		RegisterPopUpMenuIndex = index - 1
	}
}
function hidePopUpMenuByIndex(index)
{
	if(RegisterPopUpMenuIndex >= index)
	{
		for(var i=RegisterPopUpMenuIndex;i>=index;i--)
		{
			var ID = RegisterPopUpMenuID[i]
			document.getElementById(ID).style.visibility="hidden"
			if(_params._createShadow)
				document.getElementById('sh_'+ID).style.visibility="hidden"
		}
		RegisterPopUpMenuIndex = index-1
	}
}
function hideAllPopUpMenu()
{
	var index = RegisterPopUpMenuIndex
	if(index > -1)
	{
		for(i=index;i>=0;i--)
		{
			var ID = RegisterPopUpMenuID[i]
			document.getElementById(ID).style.visibility="hidden"		
			if(_params._createShadow)
				document.getElementById('sh_'+ID).style.visibility="hidden"
		}
	}
	RegisterPopUpMenuIndex = -1
}
//end: basic functions

//start: fungsi manipulasi main menu
var triggerMenu
function triggerHideAll()
{
  triggerMenu = window.setTimeout('hideAll()',_params._timeOut)
}
function clearTriggerHideAll()
{
  window.clearTimeout(triggerMenu)
}
function hideAll()
{
	hideAllPopUpMenu()	
	removeAllTriggerPopID()
	MainMenuClick = false
}


function onMainClick(event,elm,popID)
{
	if(!MainMenuClick)
	{	
		MainMenuClick = true
		if(popID !='')
		{
				showPopUpMenu(popID)	
				saveTriggerPopID(elm.id)
		}
	}	
	else
	{
	  MainMenuClick = false //di false in sebelum removeAllTriggerPopID()
		hideAllPopUpMenu()
		removeAllTriggerPopID()
		
		elm.style.backgroundColor= _params._mmHLItemBackColor
		elm.style.color = _params._mmHLItemTextColor
				
		elm.style.borderTop= _params._mmHLItemBorder._top
		elm.style.borderRight= _params._mmHLItemBorder._right
		elm.style.borderBottom= _params._mmHLItemBorder._bottom
		elm.style.borderLeft= _params._mmHLItemBorder._left		
	}
	if(_browser._name == 'IE')
	  window.event.cancelBubble = true
  if (event.stopPropagation) event.stopPropagation();	
}
function onMainMOver(event,elm,popID,level)
{
  clearTriggerHideAll()
	if(RegisterTriggerPopID[0] != elm.id)
	{
		if(RegisterTriggerPopID[0] !=null)
		{
			removeAllTriggerPopID()
		}
		if(MainMenuClick)
		{
			hideAllPopUpMenu()	
			removeAllTriggerPopID()
			if(popID !='')
			{
				showPopUpMenu(popID)
				saveTriggerPopID(elm.id)
			}
		  elm.style.backgroundColor=_params._mmItemBackColorClick
		  elm.style.color = _params._mmItemTextColorClick

		  elm.style.borderTop= _params._mmItemBorderClick._top
		  elm.style.borderRight= _params._mmItemBorderClick._right
		  elm.style.borderBottom= _params._mmItemBorderClick._bottom
		  elm.style.borderLeft= _params._mmItemBorderClick._left			
		}
	  else
	  {
		  elm.style.backgroundColor= _params._mmHLItemBackColor
		  elm.style.color = _params._mmHLItemTextColor
		  
		  elm.style.borderTop= _params._mmHLItemBorder._top
		  elm.style.borderRight= _params._mmHLItemBorder._right
		  elm.style.borderBottom= _params._mmHLItemBorder._bottom
		  elm.style.borderLeft= _params._mmHLItemBorder._left			

                  //  onMainClick(event,elm,popID)  // added by Ralph Scott
			hideAllPopUpMenu()	
			removeAllTriggerPopID()
		showPopUpMenu(popID)	  // added by Ralph Scott  (makes the mouse over pop up the menu underneath)
		saveTriggerPopID(elm.id)  // added by Ralph Scott
		}
	}
	if(_browser._name == 'IE')
	  window.event.cancelBubble = true
  if (event.stopPropagation) event.stopPropagation();	
}
function onMainMOut(event,elm,popID)
{
	if(!MainMenuClick || popID == '')
	{
		elm.style.backgroundColor= _params._mmItemBackColor
		elm.style.color = _params._mmItemTextColor
		
		elm.style.borderTop= _params._mmItemBorder._top
		elm.style.borderRight= _params._mmItemBorder._right
		elm.style.borderBottom= _params._mmItemBorder._bottom
		elm.style.borderLeft= _params._mmItemBorder._left		
	}
	triggerHideAll()
	if(_browser._name == 'IE')
	  window.event.cancelBubble = true
  if (event.stopPropagation) event.stopPropagation();		
}
//end: fungsi manipulasi main menu

//start: fungsi manipulasi popup menu
function onPopItemMOver(event,elm,popID,level)
{
  clearTriggerHideAll()
	var index = -1
	index = findRegisteredPopUpMenuID(popID)
	elm.parentNode.className ='TPopUpItem1'
  elm.style.color=_params._hlItemTextColor
	if(index == -1)
	{
		hidePopUpMenuByIndex(level)
		removeTriggerPopIDByIndex(level)
	}
  if(popID !='')
  {
  	if(index == -1)
  	{
  		showPopUpMenu(popID)
  		saveTriggerPopID('di_'+popID)
  	}
  }	
	if(_browser._name == 'IE')
	  window.event.cancelBubble = true
  if (event.stopPropagation) event.stopPropagation();	
}
function onPopItemMOut(event,elm,popID)
{  
	if(popID == '')
	{
	  elm.parentNode.className ='TPopUpItem'
	  elm.style.color=_params._itemTextColor
	}
	triggerHideAll()
	if(_browser._name == 'IE')
	  window.event.cancelBubble = true
  if (event.stopPropagation) event.stopPropagation();	
}
//end: fungsi manipulasi popup menu