/*
Erklärung: öffnen des Menü
target: Ziel, welches geöffnet wird (container).
sub1: Der Menüpunkt, der Stufe zuvor, der geöffnet bleiben muss (Container).
sub2: Der Menüpunkt, der 2. Stufe zuvor, der geöffnet bleiben muss (Container).
pos: Der Link - Button, zur Ermittlung der Vertikalen Position.
pos2: Der Link - Button, der pos ausgelöst hat. Hiermit ermittlet man die zusätzliche Höhe für target.
*/  
  function showmenu(target,sub1,sub2,sub3,pos,pos2){
    if (pos!='no')
    {
    if (pos!=null)
    {setrightPosition(sub1,pos,target,pos2);
  /*   document.getElementById(pos).style.backgroundColor='blue';*/ 
    }
    else
    {setPosition(sub1,target);
     }}
    else
    {    var text=target.substring(1);
     document.getElementById(text).style.backgroundColor='#76c7f6';
     document.getElementById(text).style.color='#737994';
     }
     var i=target;
     window.clearTimeout(window['name' + i]);
     var i=sub1;
     window.clearTimeout(window['name' + i]);  
     var i=sub2;
     window.clearTimeout(window['name' + i]);  
     document.getElementById(target).style.visibility='visible';
  if (sub1 != null){
     document.getElementById(sub1).style.visibility='visible';}
  if (sub2 != null){
     document.getElementById(sub2).style.visibility='visible';}
  if (sub3 != null){
     document.getElementById(sub3).style.visibility='visible';}
 }

  function hidemenu(target,sub1,sub2){
  var i=target;
   window['name' + i] = window.setTimeout(function() {hidemenudo(target);}, 100);
  var i=sub1;
   window['name' + i] = window.setTimeout(function() {hidemenudo(sub1);}, 100);
  var i=sub2;
   window['name' + i] = window.setTimeout(function() {hidemenudo(sub2);}, 100);
    }
  

/*
Erklärung: "versteckt" das Menü
target: Ziel, welches dann nicht mehr angezeigt wird.
sub1: Der Menüpunkt, der Stufe zuvor.
sub2: Der Menüpunkt, der 2. Stufe zuvor.
*/    
  function hidemenudo(target,sub1,sub2){  
  var text=target.substring(1);
     document.getElementById(text).style.backgroundColor='';
     document.getElementById(text).style.color='';
       
     document.getElementById(target).style.visibility='hidden';
  if (sub1 != null){
     document.getElementById(sub1).style.visibility='hidden';}
  if (sub2 != null){
     document.getElementById(sub2).style.visibility='hidden';}
 }

/*
Erklärung: Menu - Ermittlung der Position des zu öffnenden DIV's - Container vertikal.
- leseh ermittelt die Horizontale Position, in der das zu öffnende Element schreibe geschrieben wird.
- lesev ermittelt die Vertikale Position, in der das zu öffnende Element schreibe geschrieben wird.
- schreibe ist das DIV, dessen Eigenschaft (TOP und WIDTH) geändert wird.
- lese2 ist der Buttun (Link), mit dessen Höhe in der zweiten Ebene des Menus addirt wird.
*/
  function setPosition(lese,schreibe){
  var posleft=document.getElementById(lese).offsetLeft;
  var poswidth=document.getElementById(lese).offsetWidth;
  var postop=document.getElementById(lese).offsetTop;
  var posheight=document.getElementById(lese).offsetHeight;
  var posbottom=postop+posheight;
  var posright=posleft+poswidth;
   document.getElementById(schreibe).style.left=posleft;
   document.getElementById(schreibe).style.top=posbottom;
  }     

/*
Erklärung: Menu - Ermittlung der Position des zu öffnenden DIV's - Container horizontal.
- leseh ermittelt die Horizontale Position, in der das zu öffnende Element schreibe geschrieben wird.
- lesev ermittelt die Vertikale Position, in der das zu öffnende Element schreibe geschrieben wird.
- schreibe ist das DIV, dessen Eigenschaft (TOP und WIDTH) geändert wird.
- lese2 ist der Buttun (Link), mit dessen Höhe in der zweiten Ebene des Menus addirt wird.
*/
    function setrightPosition(leseh,lesev,schreibe,lesev2){
  var posleft=document.getElementById(leseh).offsetLeft;
  var poswidth=document.getElementById(leseh).offsetWidth;
  var postop=document.getElementById(lesev).offsetTop;
  var posheight=document.getElementById(lesev).offsetHeight;
  var posbottom=postop+posheight;
  var posright=posleft+poswidth-6;
  if (lesev2!=null)
    {
  var postop2=document.getElementById(lesev2).offsetTop;
  posbottom=posbottom+postop2;
    }
   document.getElementById(schreibe).style.left=posright;
   document.getElementById(schreibe).style.top=posbottom;
  }