/*
==============================================================
Script that adds mouse events on <LI> tag
for Internet Explorer
==============================================================
*/

// Init
startList = function() {
var menuID = "MainNavigation";

  if (document.getElementById) {
    menuRoot = document.getElementById(menuID);
    selectHide(menuID);
    traverseChildrenUL(menuRoot, 1);
  }
}

// Finds the next <UL> tag
function traverseChildrenUL(node, level) {
  var i;
  var childNode;

  for (i = 0; i < node.childNodes.length; i++) {
    childNode = node.childNodes[i];
    if (childNode.nodeName == "UL") {
      traverseChildrenLI(childNode, level);
    }
  }
}

// Finds the next <LI> tag
function traverseChildrenLI(node, level) {
  var i;
  var childNode;

  for (i = 0; i < node.childNodes.length; i++) {
    childNode = node.childNodes[i];
    if (childNode.nodeName == "LI") {
      addEvents(childNode, level);
      if (level < 10)
        traverseChildrenUL(childNode, level + 1);
    }
  }
}

// Add mouse events on <LI> tag
function addEvents(node, level) {
  node.onmouseover = function() {
    this.className += " over" + level;
  }
  node.onmouseout = function() {
    this.className = this.className.replace(" over" + level, "");
  }
}

// Triggers startList-function on body load
if (window.attachEvent) window.attachEvent("onload", startList);



/*
==============================================================
IE script to cover <select> elements with <iframe>s
==============================================================
*/
function selectHide(menuID) {
  var j;
  var ieULs = document.getElementById(menuID).getElementsByTagName('ul');

  for (j = 0; j < ieULs.length; j++) {
    //insert iframe to hide select dropdowns
    ieULs[j].innerHTML = (ieULs[j].innerHTML + '<div class="iFrameHiderDiv"></div><iframe name="IEBugHider" title="IEBugHider" style="filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" class="iFrameHider" src="about:blank" scrolling="no" frameborder="0"></iframe>');
    var ieMat = ieULs[j].lastChild; //select iFrame in each UL
    ieMat.style.height = ieULs[j].offsetHeight + "px";
  }
}