// JavaScript Document

function navEvent(id){
	obj = document.getElementById(id);
	for(c=0; c < obj.childNodes.length; c++){
		objNode = obj.childNodes[c];
		if (objNode.nodeName == "LI"){
			objNode.onmouseover = function(){this.className="over";}
			objNode.onmouseout = function(){this.className="";}
		}
	}
}

function topNav(id){
	objNav = document.getElementById(id);
	objNav.onmouseover = function(){this.src = "images/" + id + "_over.png";}
	objNav.onmouseout = function(){this.src = "images/" + id + ".png";}
}

function showImg(id) {
	var numLinks = 24;
	for(c=1; c <= numLinks; c++) {
		obj = document.getElementById("imgId" + c);
		obj.className = c == id ? "show" : "hide";
		}
	}

//function toggleMenu(id,imgId){
//	obj = document.getElementById(id);
//	objImg = document.getElementById(imgId);
//	objClass = obj.className == "hide" ? "show" : "hide";
//	objImgSrc = objImg.className == "arrow" ? "arrowDown" : "arrow";
//	obj.className = objClass;
//	objImg.className = objImgSrc;
//}

window.onload = function(){navEvent("nav"); topNav("main_menu"); topNav("portfolio_menu"); topNav("contact_menu");}