hauptMenuPunkte = 5;
menuY = 100;
menuX = 26;

function XElement(id) {
   if (document.getElementById) {
      this.el = document.getElementById(id);
      this.css = this.el.style;
   }
   else if (document.all) {
      this.el = document.all[id];
      this.css = this.el.style;
   }
   else if (document.layers) {
      this.el = document.layers[id];
      this.css = this.el;   }
   this.x = parseInt(this.css.left);
   this.y = parseInt(this.css.top);
   this.zIndex = this.css.zIndex;
   this.sichtbar = true;
   if (document.layers) {
      this.breite = this.el.document.width;
      this.hoehe = this.el.document.height;
   }
   else {
      this.breite = this.el.offsetWidth;
      this.hoehe = this.el.offsetHeight;
   }
   this.gehNach = XElement_gehNach;
   this.zeige = XElement_zeige;
   this.verstecke = XElement_verstecke;
 }
 
 function XElement_gehNach(x,y) {
   this.css.left = x;
   this.css.top = y;
   this.x = x;
   this.y = y;
 }
 
 function XElement_zeige() {
   this.css.visibility = "visible";
   this.sichtbar = true;

 }

 function XElement_verstecke() {
   this.css.visibility = "hidden";
   this.sichtbar = false;

 } 

 function ordnen() {
   var posY = menuY;
   for (i=1;i<=hauptMenuPunkte;i++) {
      hauptMenu[i].gehNach(menuX,posY);
      posY+=hauptMenu[i].hoehe;
      if (subMenu[i].sichtbar) {
         subMenu[i].gehNach(menuX+20,posY);
         posY+=subMenu[i].hoehe;
      }
   }   
 }

 function klapp(nr) {
   if (subMenu[nr].sichtbar) subMenu[nr].verstecke();
   else subMenu[nr].zeige();
   ordnen();
 }
 function init() {
   hauptMenu = new Array();
   subMenu = new Array();
   for (i=1;i<=hauptMenuPunkte;i++) {
      hauptMenu[i] = new XElement("menu"+i);
      subMenu[i] = new XElement("menu"+i+"sub");
      subMenu[i].verstecke();
   }
   ordnen();
 }
 onload = init;

 function zeige(url){
   alert("zeige "+url);
 }