Onmouseover remapping

[Otzelot]

Hi erstmal :)

Ich habe folgendes Problem:
Ich will via Mouseover und Mapping ein realtiv dynamisches Menu erstellen.
Bild1 sind die Menu Überpunkte
Bild2 sind die Unterpunkte

Bild1 ist gemapped und via Mouseover wird Bild2 gegen die passenden Unterpunkte ausgetauscht.
Dieses "neue" bzw. ausgetauschte Bild will ich erneut Mappen und an diesem Punkt fangen meine schwierigkeiten an:
Mein aktueller Code:

Auszug aus der Map:
<area shape="rect" coords="74,2,201,35" href="#" onMouseOver="document.bot.src='jpg/navi/botprog.jpg'; document.bot.usemap='#Map2'"/>

Bild1:
<img src="jpg/navi/top.jpg" alt="navi" width="771" height="34" border="0" usemap="#Map" />

Bild2:
<img src="jpg/navi/bot.jpg" alt="navipart2"  width="771" height="30" name="bot" id="bot" usemap="#Map0" border="0"/>

Meine Idee ist gleichzeitig die usemap und das Bild mit einem Mouseover zu verändern. Das mit dem Bildaustausch klappt super, nur will der den Befehl "document.bot.usemap='#Map2'" einfach nicht...

Ist das ganze überhaubt so umsetzbar ?
Worin besteht mein Fehler bei "document.bot.usemap='#Map2'" ?

MFG
Fabian