function initPage()
{
	var nav = document.getElementById("map-nav");
	var map = document.getElementById("map");
	if ((nav) && (map)){
		var nnodes = nav.getElementsByTagName("li");
		var mnodes = map.getElementsByTagName("a");
		for (var i=0; i<mnodes.length; i++)
		{
			mnodes[i].onmouseover = function (){
				for (var j=0; j<nnodes.length; j++)
				{
					if (nnodes[j].className.indexOf(this.className) != -1)
					{
						nnodes[j].className += " active";
					}
				}
			}
			mnodes[i].onmouseout = function (){
				for (var j=0; j<nnodes.length; j++)
				{
					if (nnodes[j].className.indexOf("active") != -1)
					{
						nnodes[j].className = nnodes[j].className.replace(new RegExp(" active"), "");
					}
				}
			}
		}
		for (var i=0; i<nnodes.length; i++)
		{
			nnodes[i].onmouseover = function (){
				if (this.className.indexOf("gray") != -1)
					mname = this.className.replace(new RegExp(" gray"), "");
				else
					mname = this.className
				for (var j=0; j<mnodes.length; j++)
				{
					if (mnodes[j].className.indexOf(mname) != -1)
					{
						mnodes[j].className += " active";
					}
				}
			}
			nnodes[i].onmouseout = function (){
				for (var j=0; j<mnodes.length; j++)
				{
					if (mnodes[j].className.indexOf("active") != -1)
					{
						mnodes[j].className = mnodes[j].className.replace(new RegExp(" active"), "");
					}
				}
			}
		}
	}
}

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