Rollovermenue mit Hiddensubmenu

[fabian0307]

Hallo.
Ich Probiere schon seit einiger Zeit an meinem neuen Menü.
Ich habe 5 Pages in einem Rollovermenü, wobei dann immer das Bild, beim Rollover umgeschaltet wird.
In einigen dieser Menüpunkte gibt es aber, oder soll es, ein untermenü geben, welches sich öffnet, sobald man über den Menüpunkt geht.
Innerhalb des Submenüs sollen die Links dann auch wieder mit Rolloverildern entstehen. Soweit bin ich schon mal nur zur veranschaulichung:

<div id="top_navigation">  
  
  <div id="top_button1"><a href="index.php" onmouseout="MM_swapImgRestore() ; hide('submenue')" onmouseover="MM_swapImage('HOME','','menue/buttons/home/home_main_on.png',0) ; show('submenue')">  
  <img src="menue/buttons/home/home_main_off.png" alt="HOME" name="HOME" width="195" height="60" border="0" id="HOME" /></a></div>  
  
  
  <div id="top_button2"><a href="behandlung.php" onmouseout="MM_swapImgRestore() ; hide('submenue')" onmouseover="MM_swapImage('BEHANDLUNG','','menue/buttons/behandlung/behandlung_main_on.png',0) ; show('submenue')">  
  <img src="menue/buttons/behandlung/behandlung_main_off.png" alt="BEHANDLUNG" name="BEHANDLUNG" width="195" height="60" border="0" id="BEHANDLUNG" /></a>  
  <div id="submenue">  
  		<div id="submenue_button1">Kinder</div>  
        <div id="submenue_button2">Erwachsene</div>  
        <div id="submenue_button3">Speziell</div>  
        <div id="submenue_button4">SES / SEV</div>  
        <div id="submenue_button5">MFT</div>  
        <div id="submenue_button6">Stimmst&ouml;rung</div>  
        <div id="submenue_button7">Laryngektomie</div>  
        <div id="submenue_button8">Stottern</div>  
        <div id="submenue_button9">Hirnsch&auml;digung</div>  
        <div id="submenue_button10">LRS</div>  
        <div id="submenue_button11">Auditive Wahrnehmung</div>  
  
    </div>  
  </div>  
  
  
  
  <div id="top_button3"><a href="bilder.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BILDER','','menue/buttons/bilder/bilder_main_on.PNG',0)">  
  <img src="menue/buttons/bilder/bilder_main_off.PNG" alt="BILDER" name="BILDER" width="195" height="60" border="0" id="BILDER" /></a></div>  
  <div id="top_button4"><a href="presse.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('PRESSE','','menue/buttons/presse/presse_main_on.PNG',0)">  
  <img src="menue/buttons/presse/presse_main_off.PNG" alt="PRESSE" name="PRESSE" width="195" height="60" border="0" id="PRESSE" /></a></div>  
  <div id="top_button5"><a href="kontakt.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('KONTAKT','','menue/buttons/kontakt/kontakt_main_on.png',0)">  
  <img src="menue/buttons/kontakt/kontakt_main_off.png" alt="KONTAKT" name="KONTAKT" width="195" height="60" border="0" id="KONTAKT" /></a></div>  
  
</div>

Hoffe ihr versteht meine Frage und danke schon mal im vorraus.
LG