// Don't change these parameters
var delay        = 500; /////
var menuElement  = new Array ();
var usedWidth    = 0;
var numOfMenus   = 0;
var topID  = -1;
/// ----------------------------

function hideElms(elmTag, hide) 
{
	if (!document.all)
		return;
	for (i = 0; i < document.all.tags(elmTag).length; i++)
	{
		obj = document.all.tags(elmTag)[i];
		if (!obj || !obj.offsetParent) 
			continue;
		if (!hide)
			obj.style.visibility = "visible";
		else
			obj.style.visibility = "hidden";
	}
}

function getRealLeft(el) 
{
	if (arguments.length==0) 
		el = this;
    xPos = el.offsetLeft;
    tempEl = el.offsetParent;
    while (tempEl != null) 
	{
        xPos += tempEl.offsetLeft;
        tempEl = tempEl.offsetParent;
    }
    return xPos;
}

function getRealTop(el) 
{
    if (arguments.length == 0)
		el = this;
    yPos = el.offsetTop;
    tempEl = el.offsetParent;
    while (tempEl != null) 
	{
        yPos += tempEl.offsetTop;
        tempEl = tempEl.offsetParent;
    }
    return yPos;
}

// constructor of menu elements
function menuConstructor (id, content)
{
	this.ID            = id;
	this.parentID      = content [0]*1;
	this.parentItemID  = content [1]*1;
	this.width         = content [2]*1;
	this.timerID       = -1;
	this.isOn          = false;
	this.item          = new Array ();
	this.currItemID    = -1;

	this.x = content [3]*1;
	
	if (this.x == -1 && this.parentID == -1)
	{
		this.x = initX + usedWidth;
		usedWidth = usedWidth + this.width;
	}
	else if (this.x == -1 && this.parentID > -1)
	{
		this.x =  menuElement [this.parentID].x
			      + menuElement [this.parentID].width
			      - xOverlap;
	}
	else if (this.x < -1)
	{
		this.x = getRealLeft(eval(getDocObj('navBTN_' + content[5]*1))) + this.x;
	}
	this.y = content [4]*1;
	if (this.y < 0 && this.parentID == -1)
		this.y = initY;
	else if (this.y < 0 && this.parentID > -1)
		this.y =  menuElement [this.parentID].y
	 		      + itemHeight*this.parentItemID
			      + yOverlap;
	
	items = content [6];

	layerBody = '<table width="' + this.width + '" cellpadding="3" cellspacing="' + borderSize + '" border="0"><tr>';
	
	for (j = 0; j <= items.length - 2; j = j + 2)
	{
		controlBlock = ' onMouseOver = "enterItem(' + this.ID + ', ' + ((j + 2)/2 - 1) + ');" onMouseOut = "exitItem(' + this.ID + ', ' + ((j + 2)/2 - 1) + ');" ';
		layerBody += '<td height="' + itemHeight + '" width="' + this.width + '" bgcolor="' + backColor + '" onmouseover="this.style.background = \'' + activebgcolor + '\'" onmouseout="this.style.background=\'' + inactivebgcolor + '\'"><a class="subMenu" href="'+ items [j + 1] + '"' + controlBlock + '>' + items [j] + '</a></td>';
		if (j < items.length - 2)
			layerBody = layerBody + '</tr><tr>\n';
		else
			layerBody = layerBody + '</tr>\n';
	}
	layerHeader = '<div id="Menu' + this.ID +
				   	   '" onMouseOver="enterMenu(' + this.ID + ');" onMouseOut = "exitMenu(' + this.ID + ');"' +
		    	       ' style="background: ; width: ' + this.width + '; visibility: hidden; position: absolute; left: ' + this.x +
		        	   'px; top: ' + this.y + 'px;">';
	layerHeader += '<table width="' + this.width + '" cellpadding="0" cellspacing="0" border="0">' +
				    '<tr><td bgcolor="' + borderColor + '">';
	layerFooter = '</table></td></tr></table>';
	layerFooter = layerFooter + '</div>';

	document.body.insertAdjacentHTML("BeforeEnd", layerHeader + layerBody + layerFooter);

	return this;
}

function enterTopItem (ID)
{
	if (topID != ID && topID != -1)
		hideTree (topID);
	releaseTree (ID);
	topID = ID;
	show (ID);
}
function exitTopItem (ID)
{
	menuElement [ID].timerID = setTimeout ('hide (' + ID + ')', delay);
}
function enterItem (menuID, itemID)
{
	var currItemID = menuElement [menuID].currItemID;

	if (currItemID != i & currItemID > -1)	
		hide (currItemID);
	

	for (var i = 0; i < numOfMenus; i++)
	{
		if (menuElement [i].parentID == menuID &&
		    menuElement [i].parentItemID == itemID)
		{
			clearTimeout (menuElement [i].timerID);
			menuElement [i].timerID = -1;
			show (i);
			return 0;
		}
	}

	return -1;
}
function exitItem (menuID, itemID)
{
	for (var i = 0; i < numOfMenus; i++)
	{
		if (menuElement [i].parentID == menuID &&
		    menuElement [i].parentItemID == itemID)
		{
			menuElement [i].timerID = setTimeout ('hide (' + i + ')', delay);
			return 0;
		}
	}
}
function enterMenu (ID)
{
	var parentID = menuElement [ID].parentID;
	if (parentID == -1)
	{
		clearTimeout (menuElement [ID].timerID);
		menuElement [ID].timerID = -1;
	}
	else
		releaseTree (ID);
}
function exitMenu (ID)
{
	timeoutTree (ID);
}
function hideTree (ID)
{
	hide (ID);
	for (var j = 0; j < numOfMenus; j++)
	{
		if (menuElement [j].parentID == ID &&
			menuElement [j].isOn)
		{
			hideTree (j);
			return 0;
		}
	}
}
function releaseTree (ID)
{
	clearTimeout (menuElement [ID].timerID);
	menuElement [ID].timerID = -1;

	var parentID = menuElement [ID].parentID;
	if (parentID > -1)
		releaseTree (parentID);
}
function timeoutTree (ID)
{
	menuElement [ID].timerID = setTimeout ('hide (' + ID + ')', delay);
	var parentID = menuElement [ID].parentID;
	if (parentID > -1)
		timeoutTree (parentID);
}

function show (ID)
{
	hideElms('SELECT', true);
	el = document.getElementById('Menu' + ID);
	if (typeof(el.filters) != "undefined") 
	{
		el.style.filter = "blendTrans(duration=1)";
		el.style.filter = "revealTrans(duration=.25,Transition=5)";
		el.filters.item(0).apply();
		el.style.visibility = "visible";
		el.filters.item(0).play();
	}
	else
		el.style.visibility = "visible";

	menuElement [ID].isOn = true;

	if (menuElement [ID].parentID > -1)
		menuElement [menuElement [ID].parentID].currItemID = ID;
}

function hide (ID)
{
	hideElms('SELECT', false);
	document.getElementById('Menu' + ID).style.visibility = "hidden";
	menuElement [ID].isOn = false;
	if (menuElement [ID].parentID > -1)
		menuElement [menuElement [ID].parentID].currItemID = -1;
}

function createMenuTree ()
{
	initX = getRealLeft(eval(getDocObj('navBTN_3'))) - 1;
	initY = getRealTop(eval(getDocObj('navBTN_3'))) + 18;
	for (var i = 0; i < menuContent.length; i++)
	{
		menuElement [i] = new menuConstructor (i, menuContent [i]);
		numOfMenus++;
	}
}