﻿var currentTopMenuSiteCode;
var currentTopMenuNav2;
var currentTopMenuNav2Name;

function WriteTopMenuLayers() {
	for (var i = 0; i < topmenu.Items.length; i++) {
		var nav1 = topmenu.Items[i];

		var divnav1 = document.getElementById("nav1_" + nav1.Index)
		divnav1.onmouseover = function() { DisplayTopMenuNav1(this) };
		divnav1.onmouseout = function() { HideTopMenuNav() };

		if (currentTopMenuNav2Name != "nav2_" + nav1.Index) {
			document.write("<div id=\"nav2_" + nav1.Index + "\" class=\"navheadertab2 navheadertab2" + currentTopMenuSiteCode + ((nav1.Community) ? " navheadertab2community" : "") + " navheadertab2layer\"><div class=\"navheadertab2border\"><ul>");
			for (var j = 0; j < nav1.Items.length; j++) {
				var nav2 = nav1.Items[j];
				document.write("<li id=\"nav2_" + nav2.Index +"\">");

				if (nav2.Items.length > 0) {
					if (document.all) {
						document.write("<iframe id=\"iframe_" + nav2.Index + "\" src=\"about:blank\" scrolling=\"no\" frameborder=\"0\"></iframe>");
					}
					document.write("<table id=\"nav3_" + nav2.Index + "\" class=\"navheadertab3 navheadertab3" + currentTopMenuSiteCode + "\" cellpadding=0 cellspacing=0 border=0><tr><td>");
					for (var k = 0; k < nav2.Items.length; k++) {
						var nav3 = nav2.Items[k];
						document.write("<div><a" + ((k == 0) ? " class=\"first\"" : "") + " href=\"" + nav3.Href + "\" alt=\"" + nav3.Alt + "\"><span>" + ((nav3.Name.length > 45) ? nav3.Name.substr(0, 45) + "..." : nav3.Name) + "</span></a></div>");
					}
					document.write("</td></tr></table>");

					var divnav3 = document.getElementById("nav3_" + nav2.Index)
					divnav3.onmouseover = function() { DisplayTopMenuNav3() };
					divnav3.onmouseout = function() { HideTopMenuNav() };

					if (document.all) {
						var div = divnav3.getElementsByTagName("div");
						for (var l = 0; l < div.length; l++) {
							div[l].onmouseover = function() { this.className = "nav3hover"; };
							div[l].onmouseout = function() { this.className = ""; };
						}
					}
				}

				document.write("<a href=\"" + nav2.Href + "\" alt=\"" + nav2.Alt + "\"><span>" + nav2.Name + "</span></a></li>");

				var divnav2 = document.getElementById("nav2_" + nav1.Index)
				var li = divnav2.getElementsByTagName("li");
				for (var k = 0; k < li.length; k++) {
					li[k].onmouseover = function() { DisplayTopMenuNav2(this) };
					li[k].onmouseout = function() { HideTopMenuNav() };
				}
				divnav2.onmouseout = function() { HideTopMenuNav() };
			}
			if (nav1.Items.length > 0)
				document.write("<li><a>&nbsp;</a></li>");
			document.write("</ul></div></div>");
		}
		else {
			for (var j = 0; j < nav1.Items.length; j++) {
				var nav2 = nav1.Items[j];

				var divnav2 = document.getElementById("nav2_" + nav1.Index)
				var li = divnav2.getElementsByTagName("li");
				// do not update last li
				for (var k = 0; k < li.length - 1; k++) {
					li[k].onmouseover = function() { DisplayTopMenuNav2(this) };
					li[k].onmouseout = function() { HideTopMenuNav() };
				}
				divnav2.onmouseout = function() { HideTopMenuNav() };

				if (nav2.Items.length > 0) {
					if (document.all) {
						var divnav3 = document.getElementById("nav3_" + nav2.Index)
						var div = divnav3.getElementsByTagName("div");
						for (var l = 0; l < div.length; l++) {
							div[l].onmouseover = function() { this.className = "nav3hover"; };
							div[l].onmouseout = function() { this.className = ""; };
						}
					}
				}
			}
		}
	}
}
var lastTopMenuNav2;
var lastTopMenuNav2Hover;
var lastTopMenuNav3;
var lastTopMenuNav3Hover;
var lastTopMenuNav3IFrame;
var timerHideTopMenu;

var timerHideTopMenu1;
function DisplayTopMenuNav1(obj) {
	if (timerHideTopMenu1) window.clearTimeout(timerHideTopMenu1);
	timerHideTopMenu1 = window.setTimeout(function() { DisplayTopMenuNav1_Timer(obj); }, 300);
}
function DisplayTopMenuNav1_Timer(obj) {
	var id = obj.id.replace("nav1", "nav2");

	if (lastTopMenuNav2Hover) lastTopMenuNav2Hover.className = "";
	lastTopMenuNav2Hover = obj;
	lastTopMenuNav2Hover.className = "nav1hover";

	if (!currentTopMenuNav2) currentTopMenuNav2 = document.getElementById(currentTopMenuNav2Name);
	if (timerHideTopMenu) window.clearTimeout(timerHideTopMenu);

	if (id != currentTopMenuNav2Name) {
		currentTopMenuNav2.style.visibility = "hidden";
		if (lastTopMenuNav2) lastTopMenuNav2.style.visibility = "hidden";
		if (lastTopMenuNav3) HideTopMenuNav3(lastTopMenuNav3);
		lastTopMenuNav2 = document.getElementById(id);
		lastTopMenuNav2.style.visibility = "visible";
	}
	else {
		HideTopMenuNav(true);
	}
}
function DisplayTopMenuNav2(obj) {
	if (timerHideTopMenu1) window.clearTimeout(timerHideTopMenu1);

	var id = obj.id.replace("nav2", "nav3");

	if (lastTopMenuNav3Hover) lastTopMenuNav3Hover.className = "";
	for (var i = 0; i < obj.childNodes.length; i++) {
		lastTopMenuNav3Hover = obj.childNodes[i];
		if (lastTopMenuNav3Hover.nodeName == "A") break;
	}
	lastTopMenuNav3Hover.className = "nav2hover";

	if (timerHideTopMenu) window.clearTimeout(timerHideTopMenu);
	if (lastTopMenuNav3) HideTopMenuNav3(lastTopMenuNav3);
	lastTopMenuNav3 = document.getElementById(id);
	if (lastTopMenuNav3) {
		ShowTopMenuNav3(lastTopMenuNav3);
	}
}
function DisplayTopMenuNav3() {
	if (timerHideTopMenu) window.clearTimeout(timerHideTopMenu);
}
function HideTopMenuNav3(layer) {
	if (layer) {
		layer.style.visibility = "hidden";
		if (document.all && lastTopMenuNav3IFrame) {
			lastTopMenuNav3IFrame.style.display = "none";
		}	
	}
}
function ShowTopMenuNav3(layer) {
	layer.style.visibility = "visible";
	layer.style.zIndex = 90;
	if (document.all) {
		var iframe = document.getElementById(layer.id.replace("nav3", "iframe"));
		lastTopMenuNav3IFrame = null;
		if (iframe && layer.offsetWidth > 0) {
			iframe.style.width = layer.offsetWidth;
			iframe.style.height = layer.offsetHeight;
			//iframe.style.top = layer.style.top;
			//iframe.style.left = layer.offsetWidth;
			iframe.style.zIndex = layer.style.zIndex - 1;
			iframe.style.display = "block";
			lastTopMenuNav3IFrame = iframe;
		}
	}
}
function HideTopMenuNav(timeout) {
	if (timerHideTopMenu) window.clearTimeout(timerHideTopMenu);
	if (timerHideTopMenu1) window.clearTimeout(timerHideTopMenu1);
	if (timeout) {
		if (lastTopMenuNav2) lastTopMenuNav2.style.visibility = "hidden";
		if (lastTopMenuNav2Hover) lastTopMenuNav2Hover.className = "";
		if (lastTopMenuNav3) HideTopMenuNav3(lastTopMenuNav3);
		if (lastTopMenuNav3Hover) lastTopMenuNav3Hover.className = "";
		if (currentTopMenuNav2) currentTopMenuNav2.style.visibility = "visible";
	}
	else {
		timerHideTopMenu = window.setTimeout("HideTopMenuNav(true)", 1000);
	}
}

