﻿var timeout = null;
var elid = null;

var myrules = {
  '.menuhoofditem' : function(element){
    element.onmouseover = function(evt) {
      // Element ophalen uit event object
      if (!evt) evt = window.event;
      var el = null;
      if (evt.target) {
        el = evt.target;
      } else {
        el = evt.srcElement;
      }
      // alleen actief zetten als element het flash element is
      if (el.id.indexOf("swfmenu") != -1 && el.className != "swfactief") {
        if (timeout) {
          window.clearTimeout(timeout);
          timeout = null;
        }
        elid = el.id;
        timeout = setTimeout("test('"+ el.id +"')",400);
        el.className = "swfactief";
        el.doRollOver();           
        //andere hoofdmenuitems uitschakelen (voor de zekerheid)
        if(document.all){
          var els = document.getElementById("menu_inner").getElementsByTagName("OBJECT");
        } else {
          var els = document.getElementById("menu_inner").getElementsByTagName("EMBED");
        }
        for(var i=0;i<els.length;i++){
          if(els[i].id.indexOf("swfmenu") != -1 && els[i].id != el.id && els[i].className == "swfactief"){
            els[i].className = "";
            els[i].parentNode.className = "";
            els[i].doRollOut();
          }
        }
        
      }
    }
  }
};


Behaviour.register(myrules);


sfHover = function() {
	var sfEls = document.getElementById("menu_inner").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {

    if(sfEls[i].id == ""){	  
		  
		  sfEls[i].onmouseover = function() {
			  this.className+=" sfhover";
		  }

		  sfEls[i].onmouseout = function() {
			  this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		  }
		  
		}
		
	}
	
	if(document.getElementById('logocowhouse')){
	  document.getElementById('logocowhouse').onclick = function(){
	    window.location = '/';
	  }
	}
}

var menutimeout = null;

function bodyOver(e){
  var el = null;
  if (e.target) {
    el = e.target;
  } else {
    el = e.srcElement;
  }
  
  while(el.parentNode && el != document.body){
    el = el.parentNode;
    if(el.id == 'menu_inner'){
      return;
    }
  }
  
  closeMenu();    
}

function closeMenu(){
  if(document.all){
    var els = document.getElementById("menu_inner").getElementsByTagName("OBJECT");
  }else{
    var els = document.getElementById("menu_inner").getElementsByTagName("EMBED");
  }
  for(var i=0;i<els.length;i++){
    if(els[i].id.indexOf("swfmenu") != -1 && els[i].className == "swfactief"){
      els[i].className = "";
      els[i].parentNode.className = "";
      els[i].doRollOut();
      if (elid == els[i].id) {
        window.clearTimeout(timeout);
        timeout = null;
      }
    }
  }    
}

if (window.attachEvent) {
  window.attachEvent("onload", sfHover);
}  

function test(el) {
  el = document.getElementById(el);
  el.parentNode.className = "actief";
}

//if (document.body.attachEvent) document.body.attachEvent("onmouseover", bodyOver);