Script geht mit gifs - aber micht mit jpgs ??

[Kerstin]

Hallo,
Ich wurde damit beauftragt eine Website für die örtliche Feuerwehr zu erstellen, und möchte u.a. die Fahrzeuge von allen Seiten zeigen. Dazu bietet sich ein Script an, das beim Klick auf einen Link ein Bild gegen ein anderes austauscht. Ich habe folgendes, welches (in Firefox und IE) funktioniert. Es sieht so aus:

-------Im Header-------------
<script language="JavaScript" type="text/javascript">
<!--
function change(tausch_bild_name,neues_bild_name)
{
window.document[tausch_bild_name].src = neues_bild_name+".gif";
}
//-->
</script>

---Die Tabelle, in der es angewendet wird-----
<table>
<tr>
<td colspan="5"><img src="1.gif" name="gr" border="0"></td>
</tr>
<tr>
<td><a href="#" onClick="change('gr',1)">Front</a></td>
<td><a href="#" onClick="change('gr',2)">Links</a></td>
<td><a href="#" onClick="change('gr',3)">Rechts</a></td>
<td><a href="#" onClick="change('gr',4)">Heck</a></td>
<td><a href="#" onClick="change('gr',5)">Dach</a></td>
</tr>
</table>

Nun möchte ich es auf JPG-Dateien anwenden, ändere das im Header entsprechend auf

window.document[tausch_bild_name].src = neues_bild_name+".jpg";

da sich die Dateinamen auch geändert haben sieht die Tabelle dann so aus:

<table>
<tr>
<td colspan="5"><img src="lf8_front.jpg" name="gr" border="0"></td>
</tr>
<tr>
<td><a href="#" onClick="change('gr',lf8_front)">Front</a></td>
<td><a href="#" onClick="change('gr',lf8_links)">Links</a></td>
<td><a href="#" onClick="change('gr',lf8_rechts)">Rechts</a></td>
<td><a href="#" onClick="change('gr',lf8_heck)">Heck</a></td>
<td><a href="#" onClick="change('gr',lf8_dach)">Dach</a></td>
</tr>
</table>

Die Dateien existieren alle, aber das Script funktioniert nicht mehr. Was mache ich denn falsch??

Vielen Dank schon mal für die Hilfe