var myMenuTop = null;
var myMenuKill = null;
var myMenuPopup = null;
var myMenuUrl = null;
var myMenuParent = null;
var myMenuScrollTimer = null;
var myMenuShadows = new Array();
var myMenuDirSave = "LTR";
var myMenuCTSave = false;
var myMenuRenderStart = null;
var myMenuShadowsEnabled = true;

window.attachEvent("onload", myMenuInit);

function myMenuInit()
{
	try
	{
		myMenuDirSave = myMenuDir();
		myMenuCTSave = myMenuCT();
	}
	catch(e)
	{
		return;
	}
	myMenuTop = document.getElementById("myMenuTop");
	myMenuUrl = myMenuTop.getAttribute("url");
	myMenuParent = myMenuTop.getAttribute("parent");
	myMenuAttach(myMenuTop);
}

function myPage(label, url, target, menu, linkID)
{
	this.label = label;
	this.url = url;
	this.target = target;
	this.menu = menu;
	this.linkID = linkID;
}

function myLabel(label)
{
	this.label = label;
}

function myMenuEnter()
{
	if (myMenuKill)
	{
		window.clearTimeout(myMenuKill);
		myMenuKill = null;
	}
}

function myMenuLeave()
{
	myMenuKill = window.setTimeout("myMenuKiller()", 200);
}

function myMenuKiller()
{
	myKillMenu(myMenuTop.getAttribute("currentMenu"));
	myMenuTop.removeAttribute("currentMenu");
}

function myMenuAttach(el)
{
	el.attachEvent("onmouseenter", myMenuEnter);
	el.attachEvent("onmouseleave", myMenuLeave);
	var divs = el.getElementsByTagName("DIV");
	var t = divs.length;
	for (var i=0; i < t; i++)
	{
		var div = divs.item(i);
		if (div.className == "myMenuRow")
		{
			div.attachEvent("onmouseenter", myMenuMouseover);
			div.attachEvent("onmouseleave", myMenuMouseout);
			div.attachEvent("onmousedown", myMenuMousedown);
			div.attachEvent("onmouseup", myMenuMouseup);
			div.setAttribute("save-background", div.style.background);
			div.setAttribute("save-border", div.style.borderColor);
			var a = div.getElementsByTagName("A");
			if (a.length > 0)
			{
				var a0 = a[0];
				if (a0.getAttribute("aoff"))
					a0.outerHTML = a0.innerHTML;
				else
				{
					div.setAttribute("status", a0.href);
					div.attachEvent("onclick", myMenuClick);
				}
			}
			if (div.getAttribute("menu"))
			{
				var imgs = div.getElementsByTagName("IMG");
				if (imgs.length > 0)
				{
					var img = imgs[0];
					img.style.visibility = "visible";
				}
				else
				{
					var x;
					if (myMenuDirSave == "LTR")
						x = (div.offsetWidth - 10) + "px";
					else if (myMenuTop.contains(div))
						x = "4px";
					else
						x = "6px";
					var img = "<IMG src='/library/my/2/gif/arrow" + myMenuDirSave + ".gif' width='4' height='7' border='0' class='myMenuArrow' style='left: " + x + "' />";
					div.insertAdjacentHTML("afterBegin", img);
				}
			}
		}
	}
}

function myMenuClick()
{
	var div = window.event.srcElement;
	var a = div.getElementsByTagName("A");
	if (a.length == 0) return;
	if (window.event.shiftKey)
	{
		var target = a[0].target;
		a[0].target = "_new";
		a[0].click();
		a[0].target = target;
	}
	else
		a[0].click();
}

function myKillMenu(id)
{
	if (id == null) return;
	var menu = document.getElementById(id);
	var current = menu.getAttribute("currentMenu");
	if (current) 
	{
		myKillMenu(current);
		menu.removeAttribute("currentMenu");
	}
	var temp = myMenuShadows[id];
	if (temp)
	{
		var i;
		var tempLength = temp.length;
		for (i=0; i<tempLength; i++)
			if (temp[i])
				document.body.removeChild(temp[i]);
		myMenuShadows[id] = null;
	}
	var parent = document.getElementById(menu.getAttribute("parentMenu"));
	var rows = parent.getElementsByTagName("DIV");
	var rLength = rows.length;
	for (var i=0; i<rLength; i++)
	{
		var row = rows.item(i);
		var m = row.getAttribute("menu");
		if (m == id)
		{
			row.style.background = row.getAttribute("save-background");
			row.style.borderColor = row.getAttribute("save-border");
		}
	}
	show_elements("SELECT", menu);
	show_elements("OBJECT", menu);
	menu.style.display = "none";
}

function myMenuOpen(id, parentId, x, y)
{
	var parent;
	try
	{
		parent = document.getElementById(parentId);
	}
	catch(e)
	{
		return;
	}
	var current = parent.getAttribute("currentMenu");
	if (id == current) return;
	myKillMenu(current);
	if (id)
		parent.setAttribute("currentMenu", id);
	else
	{
		parent.removeAttribute("currentMenu");
		return;
	}
	
	var div = document.getElementById(id);
	if (div == null)
	{
		var menu = eval("new " + id + "()");
		var html = "<DIV id='" + id + "' class='myMenuSub' dir='" + myMenuDirSave + "'>";
		html += "<DIV class='myMenuScroller' style='display: none; background: #F1F1F1; border-color: #F1F1F1' onmouseenter='myStartScroll(-1)' onmouseleave='myStopScroll()'><IMG src='/library/my/2/gif/up_disabled.gif' width='7' height='9' /></DIV>";
		html += "<DIV class='myMenuScrollArea'>";
		var isThisPage = false;
		var mLength = menu.items.length;
		for (var i=0; i<mLength; i++)
		{
			var item = menu.items[i];
			var url = item.url;
			if (url == myMenuUrl)
			{
				isThisPage = true;
				break;
			}
		}
		for (var i=0; i<mLength; i++)
		{
			var item = menu.items[i];
			var label = item.label;
			var re = /'/g;
			var url = item.url;
			if (url)
				url = url.replace(re, "&#39;");
			var target = item.target;
			var submenu = item.menu;
			var linkID = item.linkID;
			html += "<DIV";
			if (submenu)
				html += " menu='" + submenu + "'";
			if (url)
			{
				html += " class='myMenuRow'";
				if (url == myMenuUrl)
					html += " style='border-color: #999999; background: white; cursor: default";
				else if (!isThisPage && (url == myMenuParent))
					html += " style='border-color: #999999; background: #F1F1F1";
				else
					html += " style='border-color: #F1F1F1; background: #F1F1F1";
				if (myMenuDirSave == "LTR")
					html += "; padding-left: 11px";
				else
					html += "; padding-right: 11px";
				html += "'";
			}
			else
				html += " class='myMenuLabel'";
			html += ">";
			if (url && (url != myMenuUrl))
			{
				var targetAttr = target == "" ? "" : " target='" + target + "'";
				if (myMenuCTSave)
					html += "<A href='" + url + "'" + targetAttr + " LinkArea='Left Nav' LinkID='Flyout" + linkID + "' onclick='trackInfo(this)'>" + label + "</A>";
				else
					html += "<A href='" + url + "'" + targetAttr + ">" + label + "</A>";
			}
			else
				html += "<SPAN>" + label + "</SPAN>";
			html += "</DIV>";
		}
		html += "</DIV>";
		html += "<DIV class='myMenuScroller' style='display:none; background: #F1F1F1; border-color: #F1F1F1' onmouseenter='myStartScroll(+1)' onmouseleave='myStopScroll()'><IMG src='/library/my/2/gif/down_enabled.gif' width='7' height='9' /></DIV>";
		html += "</DIV>";
		document.body.insertAdjacentHTML("afterBegin", html);
		var div = document.getElementById(id);
		var sa = div.childNodes.item(1);
		var max = 0;
		var saLength = sa.childNodes.length;
		for (var i=0; i<saLength; i++)
		{
			var it = sa.childNodes.item(i).childNodes.item(0);
			var w = it.offsetWidth;
			if (w > max) max = w;
		}
		max += 34;
		if (max < 100) max = 100;
		else if (max > 410) max = 410;
		div.style.width = max + "px";
		for (var i=0; i<saLength; i++)
		{
			var it = sa.childNodes.item(i);
			if (it.className == "myMenuRow")
				it.style.width = (max - 6) + "px";
		}
		myMenuAttach(div);
		div.setAttribute("parentMenu", parentId);
	}
	else
	{
		div.style.display = "";
	}
	var bodyHeight = document.body.clientHeight;
	var bodyTop = document.body.scrollTop;
	var bodyWidth = document.body.clientWidth;
	var bodyLeft = document.body.scrollLeft;
	var up = div.children.item(0);
	var box = up.nextSibling;
	var down = box.nextSibling;
	up.style.display = "none";
	down.style.display = "none";
	box.style.height = "";
	if (div.offsetHeight > bodyHeight)
	{
		up.style.display = "";
		up.childNodes.item(0).src = "/library/my/2/gif/up_disabled.gif";
		down.style.display = "";
		down.childNodes.item(0).src = "/library/my/2/gif/down_enabled.gif";
		box.style.height = (bodyHeight - up.offsetHeight - down.offsetHeight - 6) + "px";
	}
	var bodyBottom = bodyTop + bodyHeight;
	if (y + div.offsetHeight > bodyBottom)
	{
		y -= div.offsetHeight - 25;
		if (y < bodyTop)
			y = bodyTop + (bodyHeight - div.offsetHeight) / 2;
	}
	if (myMenuDirSave == "RTL")
		x -= div.offsetWidth;
	div.style.left = x + "px";
	div.style.top = y + "px";
	div.style.zIndex = parent.style.zIndex + 10;
	if (div.offsetLeft + div.offsetWidth > bodyWidth + bodyLeft)
		document.body.scrollLeft = div.offsetLeft + div.offsetWidth - bodyWidth;
	hide_elements("SELECT", div);
	hide_elements("OBJECT", div);
	if (myMenuShadowsEnabled)
	{
		myMenuShadows[id] = myMenuShadow(div, "#666666", 4, div.offsetWidth, div.offsetHeight);
		myMenuRenderStart = myMenuTime();
		window.setTimeout("myMeasureRenderTime()", 1);
	}
}

function myMeasureRenderTime()
{
	var msec = myMenuTime() - myMenuRenderStart;
	if (msec > 100)
	{
		// client is slow or document is huge, so disable shadows
		myMenuShadowsEnabled = false;
	}
}

function myMenuPt(el)
{
	this.left = 0;
	this.top = 0;
	while (el)
	{
		this.left += el.offsetLeft;
		this.top += el.offsetTop;
		el = el.offsetParent;
	}
}

function myMenuMouseover()
{
	var div = window.event.srcElement;
	var status = div.getAttribute("status");
	if (status) window.status = status;
	div.style.background = "#CCCCCC";
	div.style.borderColor = "#999999";
	var pt = new myMenuPt(div);
	var x;
	if (myMenuDirSave == "LTR")
		x = pt.left + div.offsetWidth - 1;
	else
		x = pt.left + 2;
	var y = pt.top - 3;
	var menu = div.getAttribute("menu");
	if (menu)
		menu = "'" + menu + "'";
	else
		menu = "null";
	if (myMenuPopup)
		window.clearTimeout(myMenuPopup);
	var parent = div.parentElement.parentElement;
	myMenuPopup = window.setTimeout("myMenuOpen(" + menu + ", '" + parent.id + "', " + x + ", " + y + ")", 200);
}

function myMenuMouseout()
{
	var div = window.event.srcElement;
	window.status = "";
	var menu = div.getAttribute("menu");
	if (menu != null && menu == div.parentElement.parentElement.getAttribute("currentMenu"))
	{
		div.style.background = "#CCCCCC";
		div.style.borderColor = "#CCCCCC";
	}
	else
	{
		div.style.background = div.getAttribute("save-background");
		div.style.borderColor = div.getAttribute("save-border");
	}
	if (myMenuPopup)
	{
		window.clearTimeout(myMenuPopup);
		myMenuPopup = null;
	}
}

function myMenuMousedown()
{
	var div = window.event.srcElement;
	if (div.tagName != "DIV") div = div.parentElement;
	div.style.background = "#999999";
}

function myMenuMouseup()
{
	var div = window.event.srcElement;
	if (div.tagName != "DIV") div = div.parentElement;
	div.style.background = div.getAttribute("save-background");
}

function myMenuTime()
{
	var time = new Date();
	return time.valueOf();
}

function myStartScroll(dy)
{
	var src = window.event.srcElement;
	src.style.background = "#CCCCCC";
	src.style.borderColor = "#999999";
	var div = src.parentElement;
	div.setAttribute("scrollTime0", myMenuTime());
	div.setAttribute("scrollTop0", div.childNodes.item(1).scrollTop);
	myMenuScrollTimer = window.setInterval("myMenuScroll('" + div.id + "', " + dy + ")", 35);
}

function myStopScroll()
{
	var src = window.event.srcElement;
	src.style.background = "#F1F1F1";
	src.style.borderColor = "#F1F1F1";
	if (myMenuScrollTimer)
		window.clearInterval(myMenuScrollTimer);
	myMenuScrollTimer = null;
}

function myMenuScroll(id, dy)
{
	var div = document.getElementById(id);
	var current = div.getAttribute("currentMenu");
	if (current)
	{
		myKillMenu(current);
		div.removeAttribute("currentMenu");
	}
	var box = div.childNodes.item(1);
	var y = div.getAttribute("scrollTop0") + Math.round((myMenuTime() - div.getAttribute("scrollTime0")) * 0.150) * dy
	box.scrollTop = y;
	if (y != box.scrollTop)
	{
		window.clearInterval(myMenuScrollTimer);
		myMenuScrollTimer = null;
		if (box.scrollTop == 0)
			div.childNodes.item(0).childNodes.item(0).src = "/library/my/2/gif/up_disabled.gif";
		else
			div.childNodes.item(2).childNodes.item(0).src = "/library/my/2/gif/down_disabled.gif";
	}
	else if (dy < 0)
		div.childNodes.item(2).childNodes.item(0).src = "/library/my/2/gif/down_enabled.gif";
	else
		div.childNodes.item(0).childNodes.item(0).src = "/library/my/2/gif/up_enabled.gif";
}

function myMenuShadow(el, color, size, width, height)
{
	var temp = new Array();
	var i;
	for (i=size; i>0; i--)
	{
		var rect = document.createElement('div');
		var rs = rect.style
		rs.position = 'absolute';
		rs.left = (el.style.posLeft + i) + 'px';
		rs.top = (el.style.posTop + i) + 'px';
		rs.width = width + 'px';
		rs.height = height + 'px';
		rs.zIndex = el.style.zIndex - i;
		rs.backgroundColor = color;
		var opacity = 1 - i / (i + 1);
		rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
		document.body.appendChild(rect);
		temp[i] = rect;
	}
	return temp;
}

function hide_elements(tagName, menu)
{
	windowed_element_visibility(tagName, -1, menu)
}

function show_elements(tagName, menu)
{
	windowed_element_visibility(tagName, +1, menu)
}

function windowed_element_visibility(tagName, change, menu)
{
	var els = document.getElementsByTagName(tagName)
	var i
	var rect = new element_rect(menu)
	var elsLength = els.length;
	for (i=0; i < elsLength; i++)
	{
		var el = els.item(i)
		if (elements_overlap(el, rect))
		{
			if (el.visLevel)
				el.visLevel += change
			else
				el.visLevel = change
			if (el.visLevel == -1 && change == -1)
			{
				el.visibilitySave = el.style.visibility;
				el.style.visibility = "hidden";
			}
			else if (el.visLevel == 0 && change == +1)
			{
				el.style.visibility = el.visibilitySave;
			}
		}
	}
}

function element_rect(el)
{
	var left = 0
	var top = 0
	this.width = el.offsetWidth
	this.height = el.offsetHeight
	while (el)
	{
		left += el.offsetLeft
		top += el.offsetTop
		el = el.offsetParent
	}
	this.left = left;
	this.top = top;
}

function elements_overlap(el, rect)
{
	var r = new element_rect(el);
	return ((r.left < rect.left + rect.width) && (r.left + r.width > rect.left) && (r.top < rect.top + rect.height) && (r.top + r.height > rect.top))
}