Rollover non compatible avec FireFox

Bonsoir,

Je viens d'installer sur mon site un script (javascript) pour réaliser un rollover.
Seul problème, ce dernier n'est pas compatible avec FireFox. Auriez-vous une solution pour m'aider à résoudre ce problème ? (Quitte à tout remodifier le script)

Dans la partie HEAD :

<script language="javascript">
<!--
image1 = new Image;
image1.src = "actualites/img-forum.png";
image2 = new Image;
image2.src = "actualites/img-duel.png";

function changeLien1() {
distance.src=image1.src; // Vérifie bien cette instruction avec d'autres navigateurs que IE
document.getElementById("gdImage").href = "http://ww11.forum.iciyatou.net/"; // Là je remplace le lien de la grande image.
}
function changeLien2() {
distance.src=image2.src; // Vérifie bien cette instruction avec d'autres navigateurs que IE
document.getElementById("gdImage").href = "duel.html"; // Là je remplace le lien de la grande image.
}
//-->
</script>

Dans la partie BODY :

<a id="gdImage" href=""><img src="actualites/img-forum.png" border=0 name="distance"></a>
<a href="http://ww11.forum.iciyatou.net/" target="_blank" onMouseOver="changeLien1();"> <img src="actualites/img-01.gif" border="0"></a>
<a href="duel.html" onMouseOver="changeLien2();"> <img src="actualites/img-02.gif" border="0"></a>

Ce que je souhaite réaliser grâce à ce script :
- Lorsque l'on passe la souris sur une miniature, la grosse image change et le href de cette grosse image également.
Donc image 1 avec un lien, image 2 avec un autre lien.
URL de mon site : http://ww38.iciyatou.net/ (le script est présent sur la page d'accueil)

Image illustrative : http://www.hebergement-iciyatou.net/upload/uploads/5de43e7cd8.jpg