Bildwechsel bei <input type="image"..> möglich?

[Jürgen]

Hallo!

Ich verwende folgendes um dynamisch Bilder zu wechseln seit eh und je.

x1off = new Image(); x1off.src = "images/speichern_off.gif";
x1on = new Image(); x1on.src = "images/speichern_on.gif";

function imgOn(imgName)
{
document[imgName].src = eval(imgName +  "on.src");
}
function imgOff(imgName)
{
document[imgName].src = eval(imgName +  "off.src");
}

Was ich aber noch nie probiert habe ist innerhalb eines Formulars einen dynamischen "submit" oder "reset" button zu erstellen.

Nun, heute wars soweit und aus irgendeinem Grund will es nicht funktionieren (Es sei vermerkt das ich mich mit Javascript nie wirklich auseinandergesetzt habe).

Das sieht so aus
<td><input type="image" name="submit" src="./images/speichern_off.gif" OnMouseOver="imgOn('x1on')" OnMouseOut="imgOff('x1off')"></td>

Ich krieg die Meldung das document... kein objekt ist..

Wer kann mir da mal helfen und sagen ob es denn geht und wenn wie?

Vielen Dank schon mal im voraus!

Liebe Grüße aus Wien,
Jürgen