// The xMenu object is used for all dropdown menus on the site.
// the xMenu object requires xelement.js for each submenu element.


// Requires: xelement.js
if(typeof(xElement) == "undefined") alert("xElement Required");

// ||||||||||||||||||||||||||||||||||||||||||||||||||

xMenu = {timer : null, current : null};
xMenu.show = function(name, elementId){
	if(this.timer) clearTimeout(this.timer);
	if (xBrowser.ns6up) {
		var offSetX = 0;
		var offSetY = 15;
	} else if (xBrowser.ie5up) {
		var offSetX = 0;
		var offSetY = 15;
	}
	if (arguments[1]){
		var ref = document.getElementById(elementId);
		var menu = document.getElementById(name);
		var top = yPos(ref);
		var lft = xPos(ref);
		menu.style.top = top + offSetY;
		menu.style.left = lft + offSetX;
	}
	xElement.getStyle(name).visibility = "visible";
	this.current = name;
}
xMenu.hide = function(){
	this.timer = setTimeout("xMenu.doHide()",300);
}
xMenu.doHide = function(){
	if(this.current){
		xElement.getStyle(this.current).visibility = "hidden";
		this.current = null;
	}
}
xMenu.startBuild = function(name){
	var div;
	if(document.layers){
		div = '<layer name="'+name+'" z-index="1000" visibility="hidden" ';
	}else{
		div = '<div id="'+name+'" style="position:absolute; z-index:1000; visibility:hidden" ';
	}
	div += 'onMouseOver="xMenu.show(\''+name+'\')" onMouseOut="xMenu.hide(\''+name+'\')">';
	return div;
}
xMenu.endBuild = function(){
	return  document.layers ? "<\/layer>" : "<\/div>";
}