/**
* Simulates the :hover state for <li> elements in Internet Explorer
*
* Works by applying a class 'hover' to <li> elements when rolled over. The 'hover' class shares
* the same properties as the corresponding :hover class.
*
* Taken from http://www.alistapart.com/articles/dropdowns
*/
function init_menu() {
  if (!document.all || !document.getElementById) { return; }
  
  var navRoot = document.getElementById('global_navigation');
  for (i = 0; i < navRoot.childNodes.length; i++) {
    var node = navRoot.childNodes[i];      
    if (node.nodeName == 'UL') {        
          for (k = 0; k < node.childNodes.length; k++) {
            var nodeC2 = node.childNodes[k];
            if (nodeC2.nodeName == 'LI') {
              nodeC2.onmouseover = function() { this.className += ' hover'; }
              nodeC2.onmouseout  = function() { this.className = this.className.replace(' hover', ''); }              
            } // end if
          } // end for      
    } // end if
  } // end for
} // end function

window.onload = function() {

	init_menu();
}