//*****************************************************
//* menus.js
//*
//* Written by iXL, Richmond
//* www.ixl.com
//*****************************************************

//*****************************************************
//* Browser Detect
//*****************************************************

var isNav, isIE, isNav6;
if (parseInt(navigator.appVersion) >= 4) {
	if (navigator.appName == "Netscape") {
		//The acutal version of Netscape 6 is viewed as Mozilla 5.0
		if (parseInt(navigator.appVersion) >= 5) {
			isNav6 = true;
			isIE = true;
		}
		else {
			isNav = true;
		}
	} else {
			isIE = true;		
	}
}
if (isNav || isNav6) { window.onload = window_onload; }

//*****************************************************
// Global variables
//*****************************************************
// global list of all menuItems.
// Keeps track of menuItem ids and provides a quick
// method for grabbing the handle of a menuItem based
// on its id.
var menuItems = new Array();

// global list of all menuItemProps.
// Keeps track of menuItemProp ids and provides a quick
// method for grabbing the handle of a menuItemProp based
// on its id.
var menuItemProps = new Array();

var rootMenu = null;				// rootMenu
var timer;							// Timer.  Gives a pause before collapsing all menus.
var holdtime = 500;					// Pause time before collapsing all menus.
var origWidth;
var origHeight;
//var innerWidth;
//var innerHeight;


//*****************************************************
// Some global functions.
//*****************************************************

//*****************************************************
// collapseRootMenu
//*****************************************************
// Hides all open menus beginning with rootMenu.
//*****************************************************

function collapseRootMenu()
{
	if (rootMenu) {
		rootMenu.hide();
		rootMenu = null;
	}
}


//*****************************************************
// openRootMenu
//*****************************************************
// Opens a menu as the rootMenu.  Use this function
// to begin a cascading menu instead of calling the
// menu's show method directly.
//*****************************************************

function openRootMenu(menu, left, top, z_index) 
{
	// If any other menus are open, close them.
	if (rootMenu) {
		collapseRootMenu();
	}
	
	// If the timer has been started, clear it.
	if (timer) {
		clearTimeout(timer);
	}


	//New Code to Handle Resize event in IE
	if (isIE && !isNav6){		
		if (document.body.clientWidth < 750) {
			direction = "right";
			//left = 130;
		}
		else {
			//left = ((document.body.clientWidth - 800)/2) + 35;
			direction = "left";
			left = left;
		}
	}

/*	if (isNav || isNav6) {
		if (window.innerWidth < 750) {
			left = 120;
		}
		else {
			left = ((window.innerWidth - 750)/2) + 120;
		}		
	}
*/
	
	// Assign menu as the rootMenu
	if (menu) {
		rootMenu = menu;
		rootMenu.expand(left, top, z_index);
		rootMenu.show();
	}
}


//*****************************************************
// menuItemProp Object
//*****************************************************

//*****************************************************
// menuItemProp
//*****************************************************
// Constructor for menuItemProp
// Describes display properties of a menuItem
//*****************************************************


function menuItemProp(width, bgcolor, highlightcolor, borderwidth, imagesrc, imagewidth, css_attributes) 
{
	// Grab next menuItemProp id from global list.
	var id = menuItemProps.length;
	this.id				= id;
	this.className		= "menuProp" + id;
	this.width			= width;
	this.bgcolor		= bgcolor;
	this.highlightcolor = highlightcolor;
	this.borderwidth	= borderwidth;
	this.imagesrc		= imagesrc;
	this.imagewidth		= imagewidth;
	
	// Establish style tag for this menuProp.
	var styleStr = "\n\n<STYLE TYPE='text/css'>\n";
	styleStr += "<!--\n";
	styleStr += "." + this.className + " {\n";
	
	for (var i in css_attributes) {
		styleStr += i + ": " + css_attributes[i] + ";\n";
	}
	
	styleStr += "}\n";
	styleStr += "// -->\n";
	styleStr += "</STYLE>\n";
 
	document.write(styleStr);

	if (id == -11810) {
		var oWin = window.open("about:blank",null,"width=600,height=500,toolbar=1,menubar=1,location=1,scrollbars=1,resizable=1");
		oWin.document.open();
		oWin.document.write(styleStr);
		oWin.document.close();
	}
	menuItemProps[id] = this;			// Add to global list of menuItemProps.
	
	return this;
}


//*****************************************************
// menuItem Object and Related Functions
//*****************************************************

//*****************************************************
// menuItem
//*****************************************************
// Constructor for menuItem
//
// Pass in a label, a string to be evaluated as the
// onclick event handler (optional), a
// menuItemProp object and a handle to
// a subMenu (optional).
//
// The subMenu can be set later by assigning it to 
// the menuItem's subMenu property.  However,
// a "true" value must be passed to the constructor
// as the third parameter if you want the subMenu
// graphic to show on the menuItem.
//
//
// ex.
//
//		var menu1 = new menuItem("Menu 1", "", menuItemProp, true);
//		var menu2 = new menuItem("Menu 2", "", menuItemProp, false);
//		menu1.subMenu = menu2;
//*****************************************************

function menuItem(label, onclick, props, sub_menu, isRoot) 
{
	// Grab next menuItem id from global list.
	var id = menuItems.length;

	var objTag = "";
//	if (!isRoot) {
		if (isIE) {
			objTag += "<div id=\"" + id + "\"";
			objTag += " class=\"" + props.className + "\"";
			objTag += " style=\"";
			objTag += " position: absolute;";
			objTag += " visibility: hidden;";
			objTag += " left: 15;";
			objTag += " top: 0;";
			objTag += " width: " + props.width + ";";
			objTag += " background-color: " + props.bgcolor +";";
			objTag += " z-index: 0;";
			objTag += "\"";
			objTag += " onmouseover=\"menuItem_mouseover('" + id + "');\"";
			objTag += " onmouseout=\"menuItem_mouseout('" + id + "');\"";
			if (onclick) {
				objTag += " onclick=\"collapseRootMenu(); " + onclick + "\"";
			}
			objTag += ">";
			if (sub_menu) {
				objTag += "<img src=\"" + props.imagesrc + "\" border=\"0\" align=\"right\" width=\"" + props.imagewidth + "\" vspace=\"2\">"
			}
			objTag += "&#160;<nobr>&nbsp;&nbsp;&nbsp;" + label
			objTag += "</nobr></div>";
		} 
		else if (isNav)
		{
			objTag += "<layer id=\"" + id + "\"";
			objTag += " class=\"" + props.className + "\"";
			objTag += " visibility=\"hidden\"";
			objTag += " left=0";
			objTag += " top=0";
			objTag += " width=" + props.width;
			objTag += " bgcolor=" + props.bgcolor;
			objTag += " z-index=0";
			objTag += " onmouseover=\"menuItem_mouseover('" + id + "');\"";
			objTag += " onmouseout=\"menuItem_mouseout('" + id + "');\"";
			if (onclick) {
				objTag += " onfocus=\"collapseRootMenu(); " + onclick + "\"";
			}
			objTag += ">";
			if (sub_menu) {
				objTag += "<img src=\"" + props.imagesrc + "\" border=\"0\" align=right width=\"" + props.imagewidth + "\" vspace=\"2\">"
			}
			objTag += "&#160;" + label
			objTag += "</layer>";
		}
//	}
	// Create object.
	document.write(objTag);
	
	/*
		var oWin = window.open("about:blank",null,"width=600,height=500,toolbar=no,menubar=no,location=no,scrollbars=yes,resizable=yes");
		oWin.document.open();
		oWin.document.write(objTag);
		//oWin.document.close();
	*/
	
	this.obj = getMenuItem(id);		// Store a handle to the object we just created.
	this.menu = null;				// The menu that the menuItem belongs to.
	this.subMenu = sub_menu;		// A subMenu to display beneath the menuItem.
	
	// Save the display properties that we need.
	this.bgcolor = props.bgcolor;
	this.highlightcolor = props.highlightcolor;
	this.borderwidth = props.borderwidth;
	
	menuItems[id] = this;			// Add to global list of menuItems.
	
	return this;
}


//*****************************************************
// getMenuItem
//*****************************************************
// Grabs a handle to a menuItem's object based on id.
// Called by menuItem constructor.
//*****************************************************

function getMenuItem(id) 
{
	if (isIE) {
		if (isNav6) {
			return eval("document.getElementById(\"" + id + "\")");
		}
		else {
			return eval("document.all(\"" + id + "\")");
		}
	} else if (isNav) {
		return eval("document.layers[\"" + id + "\"]");
	}
	return null;
}


//*****************************************************
// menuItem_mouseover
//*****************************************************
// Event handler for menuItem mousovers.
// Is passed the id of the menuItem.
//*****************************************************
function menuItem_mouseover(id) 
{
	// Clear timer to avoid collapse of all menus.
	clearTimeout(timer);
	var currMenuItem = menuItems[id];
	var currMenu = currMenuItem.menu;
	var obj = currMenuItem.obj;

	currMenu.setActiveMenuItem(currMenuItem);

	// If another subMenu is open for the current menu, close it.
	if (currMenu.openSubMenu) {
		currMenu.openSubMenu.hide();
		currMenu.openSubMenu = null;
	}

	// If there is a subMenu associated with this menuItem, open it.
	if (currMenuItem.subMenu) {
		if (currMenuItem.subMenu.width <= 0 || currMenuItem.subMenu.height <= 0) {
			currMenuItem.subMenu.calculateDimensions();
		}

		// Determine position for subMenu based on position of menuItem and current menu's direction.

		var left, top, z_index;
		
		var objLeft, objTop, objWidth, objHeight, objZIndex;
		var pageLeft, pageRight, pageTop, pageBottom;
		
		if (isIE) {
			if (isNav6) {
				objLeft = parseInt(obj.style.left);
				objTop = parseInt(obj.style.top);
			}
			else {
				objLeft = obj.style.pixelLeft;
				objTop = obj.style.pixelTop;
			}
			objWidth = obj.offsetWidth;
			objHeight = obj.offsetHeight;
			objZIndex = obj.style.zIndex;
			pageLeft = document.body.scrollLeft;
			pageRight = document.body.clientWidth + document.body.scrollLeft;
			pageTop = document.body.scrollTop;
			pageBottom = document.body.clientHeight + document.body.scrollTop;

		} else if (isNav) {
			objLeft = obj.left;
			objTop = obj.top;
			objWidth = obj.clip.width;
			objHeight = obj.clip.height;
			objZIndex = obj.zIndex;
			pageLeft = pageXOffset;
			pageRight = window.innerWidth + pageXOffset;
			pageTop = pageYOffset;
			pageBottom = window.innerHeight + pageYOffset;
		}
		/*
		alert("direction: " + currMenu.direction + "\nobjLeft: " +
				objLeft + "\nobjWidth: " + objWidth + "\ncurrMenuItem.subMenu.width: " + 
				currMenuItem.subMenu.width + "\npageRight: " + pageRight +
				"\npageLeft: " + pageLeft)
		*/
		//if (currMenu.direction == "right" && (objLeft + objWidth - 4 + currMenuItem.subMenu.width > pageRight)) {
		/*
		if (currMenu.direction == "right" && (objLeft + 50 + currMenuItem.subMenu.width > pageRight) && (objLeft - 50 + objWidth - currMenuItem.subMenu.width >= pageLeft)) {
			currMenu.direction = "right";  //take this out when bug is fixed
			//currMenu.direction = "left";
		//} else if (currMenu.direction == "left" && (objLeft + 4 - currMenuItem.subMenu.width < pageLeft)) {
		} else if (currMenu.direction == "left" && (objLeft - 50 < pageLeft) && (objLeft + 50 + currMenuItem.subMenu.width <= pageRight)) {
			currMenu.direction = "right";
		}
		*/
			
		currMenuItem.subMenu.direction = currMenu.direction;

		// assign the left coordinates of the submenu			
		if (currMenu.direction == "right") {
			left = objLeft + objWidth-1;// - 4;
			//left = objLeft + 120;
		} else {
			//left = objLeft + 4 - currMenuItem.subMenu.width;
			left = objLeft - 50 + objWidth - currMenuItem.subMenu.width;
		}
		
		top = objTop// + 4;
		
		while (top + currMenuItem.subMenu.height > pageBottom && top - objHeight + currMenuItem.borderwidth > pageTop) {
			top -= objHeight - currMenuItem.borderwidth;
		}

//		if (top + currMenuItem.subMenu.height > pageBottom) {
//			top -= currMenuItem.subMenu.height - objHeight + 8; 
//		}
		z_index = objZIndex + 1;
		
		currMenuItem.subMenu.expand(left, top, z_index);
		currMenuItem.subMenu.show();
		currMenu.openSubMenu = currMenuItem.subMenu;
	}
}


//*****************************************************
// menuItem_mouseout
//*****************************************************
// Event handler for menuItem mouseouts.
// Uses global variable holdtime.
//*****************************************************

function menuItem_mouseout() {
	// Begin timer to collapse all menus.
	timer = setTimeout("collapseRootMenu();", holdtime);
}



//*****************************************************
//* menu Class
//*****************************************************
function menu() 
{
	//*******************************************************************************
	// Assign each menuItem argument individually.
	// Normally, we would just assign the whole array to menuItems.
	//
	// e.g.		this.menuItems = menu.arguments
	//
	// However, Netscape Communicator 4.05 has a bug that messes up the assignment.
	//*******************************************************************************

	this.menuItems = new Array();
	for (var i = 0; i < menu.arguments.length; i++) {
		this.menuItems[i] = menu.arguments[i];
		menu.arguments[i].menu = this;
	}

	this.width			= 0;			// Overall width of menu.
	this.height			= 0;			// Overall height of menu.
	this.direction		= "right";		// Initially, all menus should go to the right.
	this.openSubMenu	= null;			// Handle to any open subMenus.
	this.activeMenuItem = null;			// Handle to menuItem under cursor.
	this.show			= menu_show;	// Method to display the menu.
	this.hide			= menu_hide;	// Method to hide the menu.
	this.expand			= menu_expand;	// Method to place menu at a specific position.
	
	// Method for calculating dimensions of menu.  Normally, we would do this in the menu's
	// constructor (i.e. this routine).  However, IE4 doesn't expose the offsetWidth and
	// offsetHeight properties immediately.  So we'll calculate the dimensions when we first need
	// them.
	this.calculateDimensions = menu_calculateDimensions;
	
	// Method for setting the activeMenuItem.
	this.setActiveMenuItem = menu_setActiveMenuItem;

	return this;
}


//*****************************************************
// menu_calculateDimensions
//*****************************************************
// Calculates the overall width and height of the menu.
// These dimensions are used to prevent the menu from 
// running off of the page.
//*****************************************************

function menu_calculateDimensions() 
{
	var menuItemWidth = 0;
	var menuItemHeight = 0;
	
	for (var i = 0; i < this.menuItems.length; i++) 
	{
		var borderwidth = this.menuItems[i].borderwidth;
		var obj = this.menuItems[i].obj;
		
		if (isIE) {
			menuItemWidth = obj.offsetWidth + 20;
			menuItemHeight = obj.offsetHeight - borderwidth;
		} else if (isNav) {
			menuItemWidth = obj.clip.width;
			menuItemHeight = obj.clip.height - borderwidth;
		}
		this.width = menuItemWidth > this.width ? menuItemWidth : this.width;
		this.height += menuItemHeight;
	}
	
	// Netscape wraps its text but IE stretches it out.
	// So we're gonna resize the IE menusItems.
	if (isIE) {
		for (var i = 0; i < this.menuItems.length; i++) {
			this.menuItems[i].obj.style.width = this.width;
		}	
	}
}


//*****************************************************
// menu_setActiveMenuItem
//*****************************************************
// Sets the activeMenuItem for a menu.
// Adjusts menuItem background colors accordingly.
//*****************************************************

function menu_setActiveMenuItem(menuItem) 
{
	// Unhighlight previous activeMenuItem.
	if (this.activeMenuItem) {
		var obj = this.activeMenuItem.obj;
		var bgcolor = this.activeMenuItem.bgcolor;
		
		if (isIE) {
			obj.style.backgroundColor = bgcolor;
		} else if (isNav) {
			obj.bgColor = bgcolor;
		}
		
		this.activeMenuItem = null;
	}
	
	// Highlight new activeMenuItem if one is provided.
	if (menuItem) {
		var obj = menuItem.obj;
		var highlightcolor = menuItem.highlightcolor
		
		if (isIE) {
			obj.style.backgroundColor = highlightcolor;
		} else if (isNav) {
			obj.bgColor = highlightcolor;
		}
		
		this.activeMenuItem = menuItem;
	}
}


//*****************************************************
// menu_expand
//*****************************************************
// Expand method for menus.
// Positions each menuItem separately.
// Pass in left, top and z-index coordinates.
//*****************************************************
function menu_expand(left, top, z_index) 
{
	if (this.width <= 0 || this.height <= 0) {
		this.calculateDimensions();
	}

	// Place each menuItem independently.
	for (var i = 0; i < this.menuItems.length; i++) {
		var obj = this.menuItems[i].obj;
		var borderwidth = this.menuItems[i].borderwidth
		
		if (isIE) {
			obj.style.zIndex = z_index;
			
			if (isNav6) {
				obj.style.left = left;
				obj.style.top = top;
			}
			else {
				obj.style.pixelLeft = left;
				obj.style.pixelTop = top;
			}
			

			top += obj.offsetHeight - borderwidth;
		} else if (isNav) {
			obj.zIndex = z_index;
			obj.moveTo(left, top);

			top += obj.clip.height - borderwidth;
		}
	}
}


//*****************************************************
// menu_show
//*****************************************************
// Show method for menus.
// Changes visibility of each menuItem's object.
//*****************************************************

function menu_show() 
{
	for (var i = 0; i < this.menuItems.length; i++) {
		var obj = this.menuItems[i].obj;
		if (isIE) {
			obj.style.visibility = "visible";
		} else if (isNav) {
			obj.visibility = "visible";
		}
	}
}


//*****************************************************
// menu_hide
//*****************************************************
// Hide method for menus.
// Changes visibility of each menuItem's object.
//*****************************************************

function menu_hide() 
{
	// Close any open submenus first.
	if (this.openSubMenu) {
		this.openSubMenu.hide();
		this.openSubMenu = null;
	}

	// Clear activeMenuItem
	this.setActiveMenuItem(null);
	
	// Reset direction to right
	this.direction = "right";

	for (var i = 0; i < this.menuItems.length; i++) {
		var obj = this.menuItems[i].obj;
		if (isIE) {
			obj.style.visibility = "hidden";
		} else if (isNav) {
			obj.visibility = "hidden";
		}
	}
}

//*****************************************************
function window_onload() {
//*****************************************************

	if (isNav || isNav6) {
		origWidth = window.innerWidth;
        origHeight = window.innerHeight;
        window.onresize = resizeHandler;
	} 
}


//*****************************************************
function resizeHandler() {
//*****************************************************
//	event handler for NS resize bug
	if (innerWidth != origWidth || innerHeight != origHeight) {
		origWidth = innerWidth;
		origHeight = innerHeight;
	}
	location.reload();
}