/*
     Copyright 2005 Speartek, Inc.

     All rights reserved.

     All materials contained in this file are protected by United States copyright law
     and may not be reproduced, distributed, transmitted, displayed, published or
     broadcast without the prior written permission of Speartek, Inc.
     You may not alter or remove this notice.
*/
//arrMenuItems is a global array of MenuItems
//its used to reference MenuItems directly instead of through the tree structure
if(arrMenuItems === undefined){
var arrMenuItems = new Array();
}

function MenuItem(sLabel, sHref, sCssClass, sWidth, sFade, sTimeout)
{
	
	this.ID = arrMenuItems.length;
	arrMenuItems[this.ID] = this;
		
	this.label = !sLabel?'':sLabel;
	this.href = !sHref?'':sHref;
	this.cssClass = !sCssClass?'CatNavLink':sCssClass;
	this.subMenus = new Array();
	this.Parent = null;
	this.isRoot = false;
	this.Width = !sWidth?'':sWidth;
	this.Fade = !sFade?'.2':sFade;
	this.Timeout = !sTimeout?600:sTimeout;
	this.hideTimeout = -1;
}

MenuItem.prototype.WriteMain = function()
{
	var RootMenu = GetTag("CommMenuRoot");
	RootMenu.style.display = "none";
	RootMenu.innerHTML = this.getSubMenusHTML();
	for(var i = 0; i < this.subMenus.length; i++)
	{
		this.subMenus[i].DrawDiv(2);
	}
	RootMenu.style.display = "block";
}

MenuItem.prototype.DrawDiv = function(Lvl)
{
	if(this.subMenus.length > 0)
	{
		document.write('<div class="CatNavDiv NavDefault NavLevel' + Lvl + '" ID="MenuItem_' + this.ID + '_DIV" style="display:none;">' + this.getSubMenusHTML() + '</div>');
		for(var i = 0; i < this.subMenus.length; i++)
		{
			this.subMenus[i].DrawDiv(Lvl + 1);	
		}
	}
}

MenuItem.prototype.getSubMenusHTML = function()
{
	var out = '';
	for(var i = 0; i < this.subMenus.length; i++)
	{
		out += this.subMenus[i].getHTML();	
	}

	return out;
}

MenuItem.prototype.addMenuItem = function(sLabel, sHref, sCssClass, sWidth)
{
	var mMenu;
	if (typeof(sLabel) == 'object')
	{
		mMenu = sLabel;
	}
	else
	{
		mMenu = new MenuItem(sLabel, sHref, sCssClass, sWidth);
	}

	if (sCssClass == null) mMenu.cssClass = sLabel.cssClass;	
	this.subMenus[this.subMenus.length] = mMenu;	
	this.subMenus[this.subMenus.length - 1].Parent = this;
}

MenuItem.prototype.getHTML = function()
{	
	var out = '';
	out += '<a ID="MenuItem_' + this.ID + '_A" style="display:block;' + ( (this.Width.toString().length > 0)?'width: ' + this.Width + ';':'') + '" href="' + this.href.replace('"', '&#34;') + '"';
	out += ' onmouseover="arrMenuItems[' + this.ID + '].onMouseOver(this);" ';
	out += ' onmouseout="arrMenuItems[' + this.ID + '].onMouseOut(this);" ';
	out += ' >' + this.label.replace(' ', '&nbsp;') + '</a>';
	return out;
}

MenuItem.prototype.onMouseOver = function(aTag)
{
	//make sure parents don't dissapear
	this.ClearHideSubs();
	
	//show subs
	if(this.subMenus.length > 0) this.DisplaySubs();
	
	//hide any lingering siblings
	if(this.Parent)	this.HideSiblings();
}

MenuItem.prototype.onMouseOut = function(aTag)
{
	//set all parents to dissapear
	this.SetHideSubs(this.Timeout);
}

//this function Shows a div and positions it next to aTag - with IE trans
MenuItem.prototype.ShowDiv = function(id, aTag)
{
	var mleft = getAbsoluteLeft(aTag);
	var mtop = getAbsoluteTop(aTag);
	var divTag = document.getElementById(id);
	
	if(document.all)
	{
	    try
	    {
		    divTag.style.filter = 'blendTrans(duration=' + this.Fade + ');';
		    //window.status = divTag.style.filter;
		    divTag.filters.blendTrans.Apply();
		    divTag.filters.blendTrans.Play();
        }
        catch(e){}
	}

	divTag.style.position = 'absolute';
	divTag.style.left = mleft + aTag.offsetWidth;
	divTag.style.top = mtop;
	divTag.style.zindex = 100;
	divTag.style.display = 'block';
}

//show this menu's subs
MenuItem.prototype.DisplaySubs = function()
{
	this.ShowDiv('MenuItem_' + this.ID + '_DIV', document.getElementById('MenuItem_' + this.ID + '_A'));
}

//hide this menus subs
MenuItem.prototype.HideSubs = function(){
	if(this.subMenus.length > 0 && !this.isRoot){
		var divTag = document.getElementById('MenuItem_' + this.ID + '_DIV');
		divTag.style.display='none';
	}
}

//set a timer to hide this menu's subs and it's ancestor's subs as well
MenuItem.prototype.SetHideSubs = function(timeout){
	window.status = timeout;
	if(!timeout){
		timeout = 600;	
	}
	
	//if its already scheduled to timeout, we won't do it twice....
	if (this.hideTimeout == -1)
		this.hideTimeout = setTimeout('arrMenuItems[' + this.ID + '].HideSubs();', timeout);
	
	if(this.Parent)
		this.Parent.SetHideSubs(timeout);
}

//stops the "hide menu" timer for this menu and all ancestors
MenuItem.prototype.ClearHideSubs = function(){
	clearTimeout(this.hideTimeout);
	this.hideTimeout = -1;
	
	if(this.Parent)
		this.Parent.ClearHideSubs();
}


//make sure the siblings of this menu are not showing their subs
MenuItem.prototype.HideSiblings = function(){
	
	for(var i = 0; i < this.Parent.subMenus.length;i++){
	
		if(this.Parent.subMenus[i].ID != this.ID){
			if(this.Parent.subMenus[i].subMenus.length > 0)
				this.Parent.subMenus[i].HideSubs();
		}	
		
	}	
	
}


function getAbsoluteLeft(o) {
	// Get an object left position from the upper left viewport corner
	// Tested with relative and nested objects
	oLeft = o.offsetLeft;           // Get left position from the parent object
	while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent ;   // Get parent object reference
		oLeft += oParent.offsetLeft; // Add parent left position
		o = oParent;
	}
	// Return left postion
	return oLeft;
}

function getAbsoluteTop(o) {
	// Get an object top position from the upper left viewport corner
	// Tested with relative and nested objects
	oTop = o.offsetTop;            // Get top position from the parent object
	while(o.offsetParent!=null) { // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent;  // Get parent object reference
		oTop += oParent.offsetTop; // Add parent top position
		o = oParent;
	}
	// Return top position
	return oTop;
}