var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
var ddmenuitems = 0;
var hmenuitem = 0;
var hmenuactive;

// open hidden layer
function mopen(id) {
    // cancel close timer
    mcancelclosetime();

    // close old layer
    if(ddmenuitem) ddmenuitem.style.display = 'none';
    if(ddmenuitems) ddmenuitems.style.display = 'none';
    if(hmenuitem) {
      if(hmenuactive != hmenuitem.id) hmenuitem.style.backgroundImage = 'url(/include/images/header11/menuBlue.gif)';
    }
 
    // get select menu and make active
    hmenuitem = document.getElementById('h'+id);
    if (hmenuitem != null) hmenuitem.style.backgroundImage = 'url(/include/images/header11/selectedtab.gif)';

    // get new layer and show it
    ddmenuitem = document.getElementById(id);
    if (ddmenuitem != null ) ddmenuitem.style.display = 'block';
    
    ddmenuitems = document.getElementById(id+'s');
    if (ddmenuitems != null) ddmenuitems.style.display = 'block';
   
}
// close showed layer
function mclose() {
    if(hmenuitem && hmenuitem.style.backgroundImage){ 
      if(hmenuactive != hmenuitem.id) hmenuitem.style.backgroundImage = 'url(/include/images/header11/menuBlue.gif)';
    }
    if (ddmenuitem) ddmenuitem.style.display = 'none';
    if (ddmenuitems) ddmenuitems.style.display = 'none';
}

// go close timer
function mclosetime() {
    closetimer = window.setTimeout(mclose, timeout);
} 

// cancel close timer
function mcancelclosetime() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

// selected
function mselected() {
   hmenuactive = getactive();
   
   if (hmenuactive != null) {
      hmenuitem = document.getElementById(hmenuactive);
      if (hmenuitem != null) hmenuitem.style.backgroundImage = 'url(/include/images/header11/selectedtab.gif)';     
      if (hmenuactive == 'hm6') {
          document.getElementById('plusli').style.backgroundImage = 'url(/include/images/header11/selectedtab.gif)';
          hmenuitem.style.color = '#29595d';
      }
      
   }
}

function getactive() {
    var id;
    var bc; 
    
    bc = document.getElementById('bc2l');
    if(bc != null) {
      bc = bc.innerHTML;
    }
    else {
      bc = document.getElementById('bc2');
      if(bc != null) bc = bc.innerHTML;
    }

    if(bc != null) {
      switch(bc) {
        case 'Mijn SchoolBANK': id = 'hm2'; break; 
        case 'Zoeken': id = 'hm3'; break; 
        case 'Scholen': id = 'hm4'; break; 
        case 'Speelkwartier': id = 'hm5'; break; 
        case 'SchoolBANK Plus': id = 'hm6'; break; 
      }
    }
    return id;
}

// close layer when click-out
document.onclick = mclose;