HILFE!!!

[Jemand]

Ey Leute ihr müsst mir bitte unbedingt helfen, ich bin grad total am verzweifeln!!!

Ich hab für meine Seite ein Menü mit grafiken und Mouseover gemacht,
genau so wie bei selfhtml beschrieben, nur irgendwie macht das ding
am ende nutr scheisse!!!! Die bilder verschieben sich an stellen wo
sie auf garkeinen fall sein können, werden nicht angezeigt oder
verändern sich wenn man über nen anderen button geht!!! Die Pfade
sind alle 100% richtig und ich weiss echt nicht mehr weiter, also bitte bitte bitte sagt mir wo der fehler ist!!!

im head:

<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "Startseite.png";
Highlight1 = new Image();
Highlight1.src = "Startseite2.png";

Normal2 = new Image();
Normal2.src = "Aboutme.png.gif";
Highlight2 = new Image();
Highlight2.src = "Aboutme2.png";

Normal3 = new Image();
Normal3.src = "Bilder.png";
Highlight3 = new Image();
Highlight3.src = "Bilder2.png";

Normal4 = new Image();
Normal4.src = "Friends.png";
Highlight4 = new Image();
Highlight4.src = "Friends2.png";

Normal5 = new Image();
Normal5.src = "Links.png";
Highlight5 = new Image();
Highlight5.src = "Links2.png";

Normal6 = new Image();
Normal6.src = "Gästebuch.png";
Highlight6 = new Image();
Highlight6.src = "Gästebuch2.png";

Normal7 = new Image();
Normal7.src = "E-Mail.png";
Highlight7 = new Image();
Highlight7.src = "E-Mail2.png";

Normal8 = new Image();
Normal8.src = "Sonstiges.png";
Highlight8 = new Image();
Highlight8.src = "Sonstiges2.png";

function Bildwechsel(Bildnr,Bildobjekt) {
 window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>

und das hier ist im body:

<table border="0" cellpadding="0" cellspacing="0" align="center">
   <tr height="10"><td></td>
   </tr>
   <tr>
    <td>
    <center>
    <a href="index.html">
    <img src="Startseite.png" border="0" onMouseOver="Bildwechsel(0,Highlight1)"
   onMouseOut="Bildwechsel(0,Normal1)" alt="Startseite">
    </center>
    </td>
   </tr>
   <tr>
    <td>
    <a href="Aboutme.html">
    <center>
    <img src="Aboutme.png" border="0" onMouseOver="Bildwechsel(1,Highlight2)"
   onMouseOut="Bildwechsel(1,Normal2)" alt="About me">
    </center>
    </a>
    </td>
   </tr>
   <tr>
    <td>
    <a href="Bilder.html">
    <center>
    <img src="Bilder.png" border="0" onMouseOver="Bildwechsel(2,Highlight3)"
   onMouseOut="Bildwechsel(2,Normal3)" alt="Bilder">
    </center>
    </a>
    </td>
   </tr>
   <tr>
    <td>
    <a href="Friends.html">
    <center>
    <img src="Friends.png" border="0" onMouseOver="Bildwechsel(3,Highlight4)"
   onMouseOut="Bildwechsel(3,Normal4)" alt="Friends">
    </center>
    </a>
    </td>
   </tr>
   <tr>
    <td>
    <a href="Links.html">
    <center>
    <img src="Links.png" border="0" onMouseOver="Bildwechsel(4,Highlight5)"
   onMouseOut="Bildwechsel(4,Normal5)" alt="Links">
    </center>
    </a>
    </td>
   </tr>
   <tr>
    <td>
    <a href="Gästebuch.html">
    <center>
    <img src="Gästebuch.png" border="0" onMouseOver="Bildwechsel(5,Highlight6)"
   onMouseOut="Bildwechsel(5,Normal6)" alt="Gästebuch">
    </center>
    </a>
    </td>
   </tr>
   <tr>
    <td>
    <a href="Mailto:[e-mail]">
    <center>
    <img src="E-Mail.png" border="0" onMouseOver="Bildwechsel(6,Highlight7)"
   onMouseOut="Bildwechsel(6,Normal7)" alt="E-Mail>
    </center>
    </a>
    </td>
   </tr>
   <tr>
    <td>
    <a href="Sonstiges.html">
    <center>
    <img src="Sonstiges.png" border="0" onMouseOver="Bildwechsel(7,Highlight8)"
   onMouseOut="Bildwechsel(7,Normal8)" alt="Sonstiges">
    </center>
    </a>
    </td>
   </tr>
  </table>

Ich hatte den mouseover quatsch auch schon im <a href="#">, das hat aber auch nix genützt!

BITTE BITTE BITTE SAGT MIR WO DER FEHLER IST SONST VERRECK ICH HIER
NOCH! BITTE!!!!