// add a new function
function addLoadEvent(func) 
{
	var oldonload = window.onload;
	if (typeof window.onload != 'function')
	{
		window.onload = func;
	}
	else
	{
		window.onload = function()
		{
			oldonload();
			func();
		}
	}
}

// add a class, useful for css
function addClass(element,value) 
{
	if (!element.className) 
	{
		element.className = value;
	}
	else 
	{
		newClassName = element.className;
		newClassName+= " ";
		newClassName+= value;
		element.className = newClassName;
	}
}

function ieNav() 
{
  if(!document.getElementById) return false;
  if(!document.getElementById("nav")) return false;
  var navigation = document.getElementById("nav");
  var listitems = navigation.getElementsByTagName("li");
  for (var i=0; i<listitems.length; i++ ) 
  {
   	listitems[i].oldClassName = listitems[i].className
   	listitems[i].onmouseover = function()
	{
		addClass(this,"hover");
	}
	listitems[i].onmouseout = function()
	{
		this.className = this.oldClassName;
	}
  }  
}

function ieSecNav() 
{
  if(!document.getElementById) return false;
  if(!document.getElementById("secNav")) return false;
  var navigation = document.getElementById("secNav");
  var listitems = navigation.getElementsByTagName("li");
  for (var i=0; i<listitems.length; i++ ) 
  {
   	listitems[i].oldClassName = listitems[i].className
   	listitems[i].onmouseover = function()
	{
		addClass(this,"hover");
	}
	listitems[i].onmouseout = function()
	{
		this.className = this.oldClassName;
	}
  }  
}

addLoadEvent(ieNav);
addLoadEvent(ieSecNav);