//dynamic top navigation
initNav = function() {
	if (document.all && document.getElementById) 
	{
		var navRoot = document.getElementById("navigation");
		var lis = navRoot.getElementsByTagName("li");
		for (var i=0; i<lis.length; i++)
		{
			lis[i].onmouseover = function()
			{
				this.className += " hover";
			}
			lis[i].onmouseout = function()
			{
				this.className = this.className.replace(" hover", "");
			}
		}
		var navRoot = document.getElementById("portfolio-list");
		var divs = navRoot.getElementsByTagName("div");
		for (var i=0; i<divs.length; i++)
		{
			if (divs[i].className=="portfolio-box")
			{
				divs[i].onmouseover = function()
				{
					this.className += " hover";
				}
				divs[i].onmouseout = function()
				{
					this.className = this.className.replace(" hover", "");
				}
			}
		}		
	}
}
if (document.all && window.attachEvent)
	attachEvent("onload", initNav);