// deze functie voegt in IE een extra class: over toe. 
// Dit is nodig om in IE het menu rollover goed te laten werken
 
startList = function() {

if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav_main");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
 
}

//Ervoor zorgen dat als je over submenu in horizontale menu gaat het hoofditem actief blijft (rollover status)

function showActiveTab00(e) { document.getElementById('over_facetbase').className = 'over'; }
function hideActiveTab00(e) { document.getElementById('over_facetbase').className = ''; }

function showActiveTab01(e) { document.getElementById('online_rapportage').className = 'over'; }
function hideActiveTab01(e) { document.getElementById('online_rapportage').className = ''; }

function showActiveTab02(e) { document.getElementById('online_rapportage').className = 'over'; }
function hideActiveTab02(e) { document.getElementById('online_rapportage').className = ''; }

function showActiveTab03(e) { document.getElementById('onze_diensten').className = 'over'; }
function hideActiveTab03(e) { document.getElementById('onze_diensten').className = ''; }

function addListeners(e){

startList();


var item20 = document.getElementById('over_facetbase01');
addEvent(item20, 'mouseover', showActiveTab00, false);
addEvent(item20, 'mouseout', hideActiveTab00, false);

var item21 = document.getElementById('online_rapportage01');
addEvent(item21, 'mouseover', showActiveTab01, false);
addEvent(item21, 'mouseout', hideActiveTab01, false);

var item22 = document.getElementById('online_rapportage01');
addEvent(item22, 'mouseover', showActiveTab02, false);
addEvent(item22, 'mouseout', hideActiveTab02, false);

var item23 = document.getElementById('onze_diensten01');
addEvent(item23, 'mouseover', showActiveTab03, false);
addEvent(item23, 'mouseout', hideActiveTab03, false);


}

addEvent(window, 'load', addListeners, false);

function addEvent(elm, evType, fn, useCapture)
      // cross-browser event handling for IE5+, NS6+ and Mozilla/Gecko
      // By Scott Andrew
      {
        if (elm.addEventListener) {
          elm.addEventListener(evType, fn, useCapture); 
          return true; 
        } else if (elm.attachEvent) {
          var r = elm.attachEvent('on' + evType, fn); 
          return r; 
        } else {
          elm['on' + evType] = fn;
        }
      }