Rollover flere steder på side

Hej

Jeg har en java rollover som preloader images som virker fint. Problemet er bare at jeg skal have have nogle af de samme rollovers flere steder på en side. Så snart jeg gør det, fungere rolloveren ikke mere! Noget man hurtigt kan fixe??

Mit script:

<script type="text/javascript">
<!--

billede_1 = new Image();
billede_1.src = "test1.gif";

billede_2 = new Image();
billede_2.src = "media/test.gif";

billede_3 = new Image();
billede_3.src = "gallery1.gif";

billede_4 = new Image();
billede_4.src = "gallery.gif";

billede_5 = new Image();
billede_5.src = "dialogue1.gif";

billede_6 = new Image();
billede_6.src = "dialogue.gif";

function skiftbillede1(img_name,img_src) {
document[img_name].src=img_src;
}

// -->
</script>

Mine rollovers:

<a href="?page=1"
onmouseover="skiftbillede1('test','test1.gif')"
onmouseout="skiftbillede1('test','test.gif')">
<img name="test" src="media/buttons/test.gif" alt="test"
style="border:none;" /></a><br />
       

       
<a href="?page=gallery"
onmouseover="skiftbillede1('Gallery','gallery1.gif')"
onmouseout="skiftbillede1('Gallery','gallery.gif')">
<img name="Gallery" src="gallery.gif" alt="Gallery"
style="border:none;" /></a><br />
       


<a href="?page=dialogue"
onmouseover="skiftbillede1('Dialogue','dialogue1.gif')"
onmouseout="skiftbillede1('Dialogue','dialogue.gif')">
<img name="Dialogue" src="dialogue.gif" alt="Dialogue"
style="border:none;" /></a>

Håber på svar!O)