erster Button erscheint erst nach mouseover

    Hallo zusammen,

    ich möchte ein kleines Inhaltsverzechnis erstellen.
    Ein großer Teil funktioniert gut.
    Leider hab ich folgendes Problem, komischerweise nur beim Mozilla, nicht beim IE:
    es erscheint beim laden der Seite statt der Buttens das Bild für die fehlenden Images:

    erst nach dem mouseover kommt dann des Bild für den richtigen Button:

    dann geht alles wie es sein soll, nach aktualisieren ist der selbe sche... wieder da...
    hier der Code:

    <html>
    <head>
    <title>inhalt</title>
    </head>


    <SCRIPT LANGUAGE="JavaScript">

    var zeiger = -1;

    bild = new Array();

    for (var a=0; a < 30; a++)
    {
    bild[a] = new Image();
    }

    bild[0].src = "images/buttons/home.jpg";
    bild[1].src = "images/buttons/home2.jpg";
    bild[2].src = "images/buttons/btaktuell.jpg";
    bild[3].src = "images/buttons/btaktuell2.jpg";
    bild[4].src = "images/buttons/bttermine.jpg";
    bild[5].src = "images/buttons/bttermine2.jpg";


    // Mouse hover
    function wechsel1 (menunr)
    {
    window.document.images[menunr].src = bild[((menunr*2)+1)].src;
    }

    // Mouse out
    function wechsel2 (menunr)
    {
    if (zeiger != menunr)
    {
    window.document.images[menunr].src = bild[(menunr*2)].src;
    }
    }

    // Mouse click
    function wechsel3 (menunr)
    {
    if (zeiger != -1)
    {
    window.document.images[zeiger].src = bild[(zeiger*2)].src;
    }
    zeiger = menunr;
    window.document.images[menunr].src = bild[((menunr*2)+1)].src;
    window.focus();
    }

    </SCRIPT>


    <center>

    <table border="0" width="14%" height="318" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">

    <tr>
    <td width="100%" align="center" height="24">
    <a onmouseover="wechsel1(0)" onmouseout="wechsel2(0)" onclick="wechsel3(0)" >
    <img border="0" src="images\buttons\home.jpg" width="95" height="44" > </a></td>
    </tr>

    <tr>
    <td width="100%" align="center" height="24">
    <a onmouseover="wechsel1(1)" onmouseout="wechsel2(1)" onclick="wechsel3(1)" >
    <img border="0" src="images\buttons\btaktuell.jpg" width="95" height="44" >
    </a></td>
    </tr>

    <tr>
    <td width="100%" align="center" height="24">
    <a onmouseover="wechsel1(2)" onmouseout="wechsel2(2)" onclick="wechsel3(2)" >
    <img border="0" src="images\buttons\bttermine.jpg" width="95" height="44"></a></td>
    </tr>


    </table>
    </center>



    </body>
    </html>


    was mache ich falsch???

    Vielen Dank für eure Hilfe!

    Es wäre schön wenn du dein Skript irgendwo hoch laden würdest, notfalls auf ein freehoster.

    Dann kann man es sich besser anschauen und es besser verstehen.

    ja, ich hab versucht den code immer weiter zu reduzieren,
    um den Fehler einzugrenzen,komme aber nicht weiter...
    :cry:

    - - - Aktualisiert - - -

    Ziel war eigentlich:
    Seite öffnet sich, alle Buttons sind da und dunkel
    beim mousover wird der Button hell und beim klick bleibt er hell...
    das funktioniert ja, aber beim laden der Seite erscheinen halt die Buttons nicht,
    sondern erst nach dem ersten mouseover...:confused: