onmouseover per onClick ändern

sers zusammen...
wusste nicht genau ob das alles standartmäßig html is
deswegen hab ichs mal hierhin gepostet
Ich hab folgendes Probelm.
Ich habe ein Navi mit 4 Button die
jeweils 4 pages per link
zugeordnet sind.
Ziel ist es dass der Button dessen page grade angezeigt wird
einen anderen rollover effekt bekommt.
codemäßig bin ich @tm hier :

Code:

---

<td rowspan="2">
                        <a href="home.php?id=home1" onmouseover="document.nummer1.src='images/2_rollover_03.gif'" onmouseout="document.nummer1.src='images/2_normal_03.gif'"
                        onClick="
                                document.nummer1.src='images/2_normal_wobinich_03.gif';
                                document.nummer1.onmouseover='document.nummer1.src='images/2_rollover_wobinich_03.gif'';
                                document.nummer1.onmouseout='document.nummer1.src='images/2_normal_wobinich_03.gif'';

                                document.nummer2.src='images/2_normal_04.gif';
                                document.nummer2.onmouseover='document.nummer2.src='images/2_rollover_04.gif'';
                                document.nummer2.onmouseout='document.nummer2.src='images/2_normal_04.gif'';               
                        ">
                        [img]images/2_normal_03.gif[/img]</a></td>


                <td colspan="2" rowspan="2">
                        <a href="home.php?id=home2" onmouseover="document.nummer2.src='images/2_rollover_04.gif'" onmouseout="document.nummer2.src='images/2_normal_04.gif'"
                        onClick="
                                document.nummer2.src='images/2_normal_wobinich_04.gif';
                                document.nummer2.onmouseover='document.nummer2.src='images/2_rollover_wobinich_04.gif'';
                                document.nummer2.onmouseout='document.nummer2.src='images/2_normal_wobinich_04.gif'';

                                document.nummer1.src='images/2_normal_03.gif';
                                document.nummer1.onmouseover='document.nummer1.src='images/2_rollover_03.gif'';
                                document.nummer1.onmouseout='document.nummer1.src='images/2_normal_03.gif'';               
                        ">
                        [img]images/2_normal_04.gif[/img]</a></td>

---

Ich will keine Antworten wie "das is schlechter Stil" oder "is veraltet" ...
Es ist mir scheiß egal wie der Code aussieht er soll funktionieren !!!
Die Seite wird eh nur 1-2 Tage online sein und ist eher als übung gedacht.
Also bitte nur sinnvolle Kommentare
schonmal danke für die Hilfe
MFG
Morgenes