Dynamische grafische Buttons

[Davisa]

Hallo,

ich möchte meine eigene Seite mit dynamische, grafische Buttons (siehe http://de.selfhtml.org/javascript/beispiele/buttons.htm) erstellen und arbeite mit Mozilla. Aber es hat irgendwie nicht geklappt. Es zeigt keine grafische Buttons an, sondern es zeigt nur komische Symbole an. So sieht meine Code aus:

<script language="JavaScript">
<!--
if (document.images)
{
Normal1= new Image();  /*Warnung???
Normal1.scr = "Button/aboutmebraun.gif";
Highlight1 = new Image();  /*Warnung???
Highlight1.scr = "Button/aboutmegelb.gif";

Normal2 = new Image();  /*Warnung???
Normal2.scr = "Button/myphotoalbumbraun.gif";
Highlight2 = new Image(); /*Warnung???
Highlight2.scr = "button/myphotoalbumgelb.gif";

Normal3= new Image();  /*Warnung???
Normal3.scr = "Button/mypicturesbraun.gif";
Highlight3 = new Image();  /*Warnung???
Highlight3.scr = "Button/mypicturesgelb.gif";

Normal4 = new Image();   /*Warnung???
Normal4.scr = "Button/contactbraun.gif"
Highlight4 = new Image();   /*Warnung???
Highlight4.scr = "Button/contactgelb.gif";
}

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

<a href="meinlebenslauf.html"
 onmouseover="Bildwechsel(0, Highlight1)"
 onmouseout="Bildwechsel(0, Normal1)"><img
 scr="Button/aboutmebraun.gif" name="austausch1" border="0" height="64"
 width="112"></a>
 <a href="fotoalbums.html"
 onmouseover="Bildwechsel(1, Highlight2)"
 onmouseout="Bildwechsel(1, Normal2)"><img
 scr="Button/myphotalbumbraun.gif" name="austausch2" border="0"
 height="64" width="112"></a><a
 href="Kunst.html"
 onmouseover="Bildwechsel(2, Highlight3)"
 onmouseout="Bildwechsel(2, Normal3)"><img
 scr="Button/mypicturesbraun.gif" name="austausch3" border="0"
 height="64" width="112"></a><a
 href="kontakt.html"
 onmouseover="Bildwechsel(3, Highlight4)"
 onmouseout="Bildwechsel(3, Normal4)"><img
 scr="Button/contactbraun.gif" name="austausch4" border="0" height="64"
 width="112"></a>
<table
 style="background-color: rgb(255, 204, 153); text-align: left; margin-left: auto; margin-right: auto; width: 634px; height: 71px;"
 border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>

In der Javascript-Konsole zeigen 8 gleiche Warnungen "assignment to undeclared variable Highlight4/Normal4/Highlight3/Normal3/Highlight2/Normal2/Highlight1/normal1" ??? Hab ich da falsch gemacht?

Liebe Grüsse Davisa