// JavaScript Document

// Sets up the current nav item
var current = null;

function setupNavigation() {
	var nav = document.getElementById("nav");
	var x = 1;
	if (nav) {
		nav.onmouseout = resetNav;
		var navitems = document.getElementsByTagName("li");
		for (var i = 0; i < navitems.length; i++) {
			if (navitems[i].className == "off" || navitems[i].className == "on" || navitems[i].className == "hover") {
				var elem = navitems[i];
				var navid = "navitem" + x;
				elem.id = navid;
				x++;
				if (navitems[i].className == "on") current = navid;
				elem.onmouseover = function() { setNav(this); }
			}
		}
	}
}

function setNav(elem) {
	var nav = document.getElementById("nav");
	if (nav) {
		var navitems = document.getElementsByTagName("li");
		for (var i = 0; i < navitems.length; i++) {
			if (navitems[i].className == "off" || navitems[i].className == "hover") {
				navitems[i].className = (navitems[i].id == elem.id) ? "hover" : "off";
			}
		}
	}
}

function resetNav() {
	var nav = document.getElementById("nav");
	if (nav) {
		var navitems = document.getElementsByTagName("li");
		for (var i = 0; i < navitems.length; i++) {
			if (navitems[i].className == "off" || navitems[i].className == "on" || navitems[i].className == "hover") {
				navitems[i].className = (navitems[i].id == current) ? "on" : "off";
			}
		}
	}
}

if (window.addEventListener) window.addEventListener("load", setupNavigation, false);
else if (window.attachEvent) window.attachEvent("onload", setupNavigation);