/*
 * Algemene functie voor hover voor IE
 * arrEls bevat 1 or meer arrays met elementen
 * cssHover optioneel, default : 'ie_does_hover'
 */
 
function setHover( arrEls, cssHover) {
  if (cssHover == null) {
    cssHover = 'ie_does_hover';
  }
  for (k=0;k<arrEls.length;k++){
		var el = arrEls[k];
		for (var i=0; i<el.length; i++) {
			el[i].onmouseover=function() {
				this.className+=" "+cssHover;
			}
			el[i].onmouseout=function() {
			 this.className=this.className.replace(new RegExp(" "+cssHover+"\\b"), "");
	    }
	  }
	}
}//setHover


/*
 * Zoekt alle elementen die voldoen aan className = searchClass
 * result : array van elementen
*/
function getElementsByClass(searchClass,node,tag) {

	var classElements = new Array();
	if (node == null)
		node = document;
	if (tag == null)
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	var j = 0;
	for (i = 0; i < elsLen; i++) {
		if (pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}//getElementsByClass


/*
 * Zorgt voor koppelen van hover functionaliteit voor m.n. IE
 * arrID is array met element ID's b.v. : Array("navigatie", "nav")
 * arrClass is array met className's b.v. : Array("dropdown", "pipo")
 * cssHover optioneel, default : 'ie_does_hover'
*/
function initHover(arrID, arrClass, cssHover) {
  var arrEls = new Array();
  //Elementen op ID toevoegen
  if (arrID != null) {
    for (k=0;k<arrID.length;k++){
      arrEls.push(document.getElementById( arrID[k] ).getElementsByTagName("LI"));
    }
  }
  
  //Elementen per Classname toevoegen
  if (arrClass != null) {
    for (i=0;i<arrClass.length;i++){
      //var arrDropdownEls = new Array();
      arrDropdownEls = getElementsByClass( arrClass[i]);
      for (k=0;k<arrDropdownEls.length;k++){
        arrEls.push( arrDropdownEls[k].getElementsByTagName("LI"));
      }
    }
  }
  //finally connect all elements to hover
  setHover(arrEls, cssHover);
}//initHover


//Dit aanpassen per site...
//eerste array is per ID
//tweede array is per className
function init(){
  initHover( Array("navigatie"),Array("dropdown"));
}

if (window.attachEvent) window.attachEvent("onload", init);