// JavaScript Document


function menuHide() {
  var hideEl = $$('#subnavi .ausklappliste');
  for (i=0; i<hideEl.length; i++) {
    if (!(hideEl[i].hasClassName('aktiv'))) {
      hideEl[i].hide();
    }
  }
}

function subMenu() {
  var listItems = $$('#subnavi > li > a');
  listItems.invoke('observe', 'click', showMenu);
}

function showMenu(event) {
  var trigger = event.element();
  var target = trigger.next();
  if (target.style.display == 'none') {
    $$('#subnavi .ausklappliste').each(function(el) {
      if (el.previous().hasClassName('ausgeklappt')) {
        new Effect.BlindUp(el, {
          duration: 0.5
        });
        el.previous().removeClassName('ausgeklappt');
      }
    });
    trigger.addClassName('ausgeklappt');
    new Effect.BlindDown(target, {
          duration: 0.6,
          transition: Effect.Transitions.sinoidal
    });
  } else {
      trigger.removeClassName('ausgeklappt');
      new Effect.BlindUp(target, {
          duration: 0.5
      });
  }
}

function init(event) {
  menuHide();
  subMenu();
}

// Initialisierung nach Event DOMContentLoaded
document.observe("dom:loaded", init);