// Menu-Animationen

// Transparente Hintergrundbilder fuer Hauptmenupunkte laden.
document.writeln('<div id="mainmenu">');
document.writeln('	<img id="menu1img" src="images/menu/menu1.png" border="0" width="120" height="115" style="position:absolute; left:0px; top:-200px;">');
document.writeln('	<img id="menu2img" src="images/menu/menu2.png" border="0" width="150" height="115" style="position:absolute; left:120px; top:-200px;">');
document.writeln('	<img id="menu3img" src="images/menu/menu3.png" border="0" width="190" height="115" style="position:absolute; left:270px; top:-200px;">');
document.writeln('	<img id="menu4img" src="images/menu/menu4.png" border="0" width="140" height="115" style="position:absolute; left:460px; top:-200px;">');
document.writeln('	<img id="menu5img" src="images/menu/menu5.png" border="0" width="150" height="115" style="position:absolute; left:600px; top:-200px;">');
document.writeln('	<img id="menu6img" src="images/menu/menu6.png" border="0" width="120" height="115" style="position:absolute; left:750px; top:-200px;">');
document.writeln('	<img id="menu7img" src="images/menu/menu7.png" border="0" width="134" height="115" style="position:absolute; left:870px; top:-200px;">');
document.writeln('</div>');


// Menu i einblenden (mit Hintergrund).
function showMenu(i) {
  var menu = document.getElementById('menu'+i+'img');
  if(menu!=null) menu.style.top = 0;

  var submenu=document.getElementById('submenu'+i);
  if(submenu!=null) submenu.style.visibility='visible';
}


// Menu i einblenden (ohne Hintergrund).
function showMenuOnly(i) {
  var submenu=document.getElementById('submenu'+i);
  if(submenu!=null) submenu.style.visibility='visible';
}


// Menu i ausblenden.
function hideMenu(i) {
  var menu = document.getElementById('menu'+i+'img');
  if(menu!=null) menu.style.top = -200;

  var submenu=document.getElementById('submenu'+i);
  if(submenu!=null) submenu.style.visibility='hidden';
}


// Submenues verstecken und nur bei onmouseover/onfocus zeigen.
function hideSubmenus() {
  var menu;
  var submenu;
  for(var j=1;j<=7;j++) {
    menu = document.getElementById('menu'+j);
    if(menu!=null) {
      menu.onmouseover= new Function( 'showMenu('+j+');' );
      menu.onfocus= new Function( 'showMenu('+j+');' );
      menu.onmouseout= new Function( 'hideMenu('+j+');' );
      menu.onblur= new Function( 'hideMenu('+j+');' );
    }

    submenu = document.getElementById('submenu'+j);
    if(submenu!=null) {
      submenu.style.visibility = 'hidden';
    }

    // Fuer IE: Zusaetzlich onfocus-Event bei a-Tags des Submenues setzen.
    // Achtung, aeltere Browser wie Opera 5.12 kennen firstChild nicht!
    // (Opera 5.12 kennt aber auch onfocus beim a-Tag nicht)
    if(menu!=null && submenu!=null) try {
      menu.firstChild.onmouseover= new Function( 'showMenuOnly('+j+');' );
      menu.firstChild.onfocus= new Function( 'showMenuOnly('+j+');' );
    } catch (e) {}
    if(menu!=null && submenu==null) try {
      menu.firstChild.onmouseover= new Function( 'showMenu('+j+');' );
      menu.firstChild.onfocus= new Function( 'showMenu('+j+');' );
      menu.firstChild.onblur= new Function( 'hideMenu('+j+');' );
    } catch (e) {}

  }
}