// Allows IE 5/6 to use a hover state on LIs
// Adds rollover delay for main navigation in other browsers
var currentItem = null;
var classHolder = '';
var timeoutID = 0;
var over = false;

startList = function() {
  if (document.getElementById) {
    var navRoot = document.getElementById("model-navigation");
    var navItems = navRoot.getElementsByTagName("LI");
    // Loop though the LIs
    for (i=0; i<navItems.length; i++) {
      node = navItems[i];
      node.onmouseover=function() {
        over = true;
        window.clearTimeout(timeoutID);
        if (currentItem != this) {
          if (currentItem) {
            currentItem.className = classHolder;
          }
          currentItem = this;
          classHolder = this.className;
          this.className+=" over";
        }
      }
      node.onmouseout=function() {
        over = false;
        timeoutID = window.setTimeout("clearMenu();",800);
      }
    }
  }
}
clearMenu = function() {
  if (!over && currentItem) {
	currentItem.className = classHolder;
	currentItem = null;
  }
}

addEvent = function(obj, evType, fn) { 
	if (obj.addEventListener) { obj.addEventListener(evType, fn, true); return true; } 
	else if (obj.attachEvent) {  var r = obj.attachEvent("on"+evType, fn);  return r;  } 
	else {  return false; } 
}
/* ADD EVENT HANDLERS */
addEvent(window, "load", startList)