var navInterval = new Array();

function enhanceNavigation () {
	var mn;
	if (mn = document.getElementById("mainNav")) {
		var mnlis;
		if (mnlis = mn.getElementsByTagName("li")) {
			for (i=0; i<mnlis.length; i++) {
				if (mnlis[i].className != "subNavigLink") {
					var divs 
					if (divs = mnlis[i].getElementsByTagName("div")) {
						if (divs.length > 0) {
							if (divs[0].className == "subNavig") {
								if (!mnlis[i].id) {
									mnlis[i].id = "li"+i;
								}
								mnlis[i].onmouseover = function () {
									idNum = parseInt(this.id.replace("li", ''));
									toggleSubNavig(this.childNodes[1].id, true);
								}
								mnlis[i].onmouseout = function () {
									idNum = parseInt(this.id.replace("li", ''));
									toggleSubNavig(this.childNodes[1].id, false);
								}
							
							}
						}
						
					}
					
					if (mnlis[i].childNodes[0].nodeName == "A") {
					
						var a = mnlis[i].childNodes[0];
						
						var topDiv = document.createElement("div");
						topDiv.className = "topBg";
						
						var botDiv = document.createElement("div");
						botDiv.className = "bottomBg";
						
						a.className = "enhanced";
						
						a.appendChild(topDiv);
						a.appendChild(botDiv);
						
						a.onmouseover = function () {
							interact(this, "over");
						}
						a.onmouseout = function () {
							interact(this, "out");
						}
					}
				}
			}
		}
	}
}

function interact (targ, type) {
	if (type == "over") {
		targ.className = "enhanced over";
	} else {
		targ.className = "enhanced";

	}
	
	
}

function toggleSubNavig (targId, state) {
	var targ;
	if (targ = document.getElementById(targId)) {
		if (state) {
			targ.style.display = "block";
		} else {
			targ.style.display = "none";
		}
	}
}

window.onload = function () {
	enhanceNavigation();
}