/***********************************************************************
 * Dieses Script blendet das Dropdown des aktiven Menuepunkts aus, wenn
 * die Maus ueber die Navigation bewegt wird, damit es keine 
 * Ueberlappungen gibt
 ***********************************************************************/ 

var activeHnavElements = new Array();

// mouseover/mouseout funktioniert im IE6-8 nicht wie gewuenscht! 
// mouseout von #hnav wird auch _zwischen_ den Listenelementen gefeuert (WTF??)!!!
var mouseoutEvt = (Prototype.Browser.IE ? 'mouseleave' : 'mouseout');
var mouseoverEvt = (Prototype.Browser.IE ? 'mouseenter' : 'mouseover');

document.observe('dom:loaded', function(){
  
  $('hnav').childElements().each(function(el, index){
    if (el.hasClassName('act')) {
      activeHnavElements.push(el);
      el.observe(mouseoverEvt, function(evt){
        evt.stop();
        this.select('ul')[0].setStyle({display:'block'});
      }.bind(el));
    }
    else {
      el.observe(mouseoverEvt, function(evt){
        evt.stop();
        activeHnavElements.each(function(el, index){
          if (el.hasClassName('act')) {
            // setStyle display none wird speziell fuer unseren geliebten IE7 verwendet!
            // wird mit removeClassName gearbeitet, ignoriert der beste Browser der Welt als einziger Browser einfach jegliche Breiten-Angaben des aufzuklappenden ul-Elements!
            el.select('ul')[0].setStyle({display:'none'});
            //el.removeClassName('act');
          }
        })
      });
    }
    
    if (activeHnavElements.length > 0) {
      
      $('hnav').observe(mouseoutEvt, function(evt){
        evt.stop();
        activeHnavElements.each(function(el, index){
          el.select('ul')[0].setStyle({display:'block'});
        })
      });
      
    }
    
  })
  
});