// ------------------------------- //
    //           Menu-Routinen         //
    // ------------------------------- //
    //  (c) 2000 Internet World        //
    //                                 //
    //  Autor:  Cai Ziegler            //
    //          ziegler@sensenet.de    //
    // ------------------------------- //
    
    
    // interne Variable
    
    var selSuperItem = -1;
    
     
    // --------------------------- //
    // baut die Menu-Struktur auf  //
    // --------------------------- // 

    function createMenuBar () {
      
      // Tabellenstruktur aufbauen
      
      document.write ('<table width = 100% border=0 ' +
        'cellspacing=0 cellpadding=0>');
          
      document.write ('<tr>');


      // Super-Menu erzeugen
            
      for (i = 0; i < countSuperItems; i ++) {
                 
        document.write ('<td><a href="#" ' +
          'onMouseOver="hoverSuperItem (' + i + ')" ' +
          'border=0>');
          
        document.write ('<img src="' + SuperItemN [i] +
          '" name="SUPER' + i + '" border=0 hspace=0 ' +
          'vspace=0>');
        
        document.write ('</a><br></td>');
      }  
      
      
      // zieht einen schwarzen Balken bis zum rechten Seitenende
            
      document.write ('<td width=100% bgcolor=#4EACF2>' +
        '&nbsp;</td></tr></table>');


      // Tabelle des Sub-Menus
      
      document.write ('<table cellspacing=0 cellpadding=0 ' +
        'border=0><tr>');

      for (i = 0; i < maxSubItems; i++) {
      
        document.write ('<td><a href = "#" ' +
          'onMouseOver="hoverSubItem (' + i + ')" ' +
          'onMouseOut="leaveSubMenu ()" ' +
          'onClick="clickSubItem (' + i + ')" border=0>');
        
        document.write ('<img src="' + emptySubItem +
          '" name="SUB' + i + '" border=0 vspace = 0 ' +
          'hspace=0>');
        
        document.write ('</a></td>');
      }    
    
      document.write ('</tr></table>');
    }
    
    
    
    // --------------------------------------------------------//
    //  markiert den derzeitigen Eintrag und baut Sub-Menu auf // 
    // --------------------------------------------------------//
    
    function hoverSuperItem (ItemNo) {
    
      // alten aktiven Super-Eintrag zuruecksetzen

      if (selSuperItem != -1) {
      
        document.images ['SUPER' + selSuperItem].src = 
        SuperItemN [selSuperItem];
      }  
       
      document.images ['SUPER' + ItemNo].src = 
      SuperItemA [ItemNo];
      
      selSuperItem = ItemNo;
      
      loadSubItems (ItemNo); 
    }
     
    
         
    // ------------------------------------------ //
    //  markiert derzeitigen Eintrag im Sub-Menu  //
    // ------------------------------------------ //
         
    function hoverSubItem (ItemNo) {

      var index = ItemNo - selSuperItem;
      
      
      // handelt es sich um einen leeren Eintrag ??
      
      if (index >= countSubItems [selSuperItem] ||
          index < 0 || selSuperItem == -1)
        return;
       
      
      // nein, dann markieren
               
      document.images ['SUB'  + ItemNo].src =
        SubItemA [selSuperItem][index]; 
    }
    
    
    
    // --------------------------- //
    //  loest einen Hyperlink aus  //
    // --------------------------- //
    
    function clickSubItem (ItemNo) {
    
      var index = ItemNo - selSuperItem;


      // handelt es sich um einen leeren Eintrag ??
      
      if (index >= countSubItems [selSuperItem] ||
          index < 0 || selSuperItem == -1)
        return;

      
      // nein, dann dem Link folgen
               
      parent.frames [TargetFrame].location = 
        SubHLink [selSuperItem][index];
    }  
      
   
   
    // ----------------------------- //
    //  baut aktuelles Sub-Menu auf  //
    // ----------------------------- //
    
    function loadSubItems (SuperItem) {
    
      // alle Sub-Eintraege aktualisieren
            
      for (i = 0; i < SuperItem; i ++) 
        document.images ['SUB' + i].src =
          emptySubItem;
                            
      for (j = 0; j < countSubItems [SuperItem]; j ++) 
        document.images ['SUB' + (i + j)].src = 
          SubItemN [SuperItem][j];
      
      for (k = i + j; k < maxSubItems; k ++)  
        document.images ['SUB' + k].src =
          emptySubItem;              
    }
    
 
 
    // ------------------------------------------------ //
    //  demarkiert zuletzt gewaehlten Sub-Menu Eintrag  //
    // ------------------------------------------------ //

    function leaveSubMenu () {
        
      if (selSuperItem != -1)    
        loadSubItems (selSuperItem);
    }