var _menuitem = null;
var _submenu_static = '';
var _submenu_visible = null;
var _menu = null;

function showSubmenuHorizontal( masterid )
{
  
  // ===== aktuellen Status sichern =====
 
  // momentan sichtbares Submenü muss versteckt werden
  if(_submenu_visible) { submenu_visible_before_id = _submenu_visible.id; }
  else { submenu_visible_before_id = false; }
  
  // neues Submenü heraussuchen
  _submenu_visible = document.getElementById('submenu' + masterid);

  // ===== 1. Aufruf ===== 
  if( ! _menu )
  {
    // Main-Menü nur einmal heraussuchen
    _menu = document.getElementById('menu');
    
    // statisches Submenü verstecken falls etwas anderes angezeigt werden soll
    if(_submenu_static != '')
    {
      submenu_static = document.getElementById(_submenu_static);
      if(submenu_static.id != _submenu_visible.id)
      {
        submenu_static.style.display = 'none';
        submenu_static.style.visibility = 'hidden';
      }
    }
    
    // Platzhalter verstecken
    if (submenu_space = document.getElementById('submenu0'))
    {
      submenu_space.style.display = 'none';
      submenu_space.style.visibility = 'hidden';
    }
  }
  
  // ===== MENÜ aktuelles Element markieren =====
  
  // nur zurücksetzen wenn es nicht das aktuelle ist
  if (_menuitem && (_menuitem.className != 'ws_menu_selected'))
  {
    _menuitem.className = 'ws_menu';
  }
  
  // nur setzen wenn es nicht das aktuelle ist
  _menuitem = document.getElementById('menu' + masterid);
  if ( _menuitem.className != 'ws_menu_selected')
  {
    _menuitem.className = 'ws_menu_hover';
  }
  
  // ===== SUBMENÜ anzeigen =====
  if( _submenu_visible.id != submenu_visible_before_id)
  {
    // Positionen setzen wenn noch nicht gesetzt
    if(_submenu_visible.style.left != _menu.style.left )
    {
      _submenu_visible.style.left = _menu.style.left;
      _submenu_visible.style.top = _menu.style.top + _menu.style.height;
      _submenu_visible.style.width = _menu.style.width;
    }
    
    // anzeigen
    _submenu_visible.style.display = 'block';
    _submenu_visible.style.visibility = 'visible';
    
    // vorher sichtbares verstecken
    if(submenu_visible_before_id)
    {
      submenu_visible_before = document.getElementById(submenu_visible_before_id);
      submenu_visible_before.style.display = 'none';
      submenu_visible_before.style.visibility = 'hidden';
    }
  }
}

function resetMenuHorizontal()
{  
  // zurücksetzen des hover - Menüs
  if(_menuitem && _menuitem.className == 'ws_menu_hover')
  {
    _menuitem.className = 'ws_menu';
  }
  
  // wieder anzeigen des statisch Untermenüs
  // wenn es eins gibt
  if(_submenu_static != '')
  {
    submenu_static = document.getElementById(_submenu_static);

    // vorher sichtbares verstecken
    // und aktives anzeigen wenn nicht über dem statisch sichtbaren
    // Submenü hinausgefahren wird
    if(_submenu_visible && (_submenu_visible.id != submenu_static.id))
    {
      _submenu_visible.style.display = 'none';
      _submenu_visible.style.visibility = 'hidden';
    
      // gewähltes anzeigen
      submenu_static.style.display = 'block';         
      submenu_static.style.visibility = 'visible';
      _submenu_visible = submenu_static;
    }
  }
}