animeret gif - onmouseover - fade in og out

Jeg har lavet 2 gif'er. Et hvor der gås fra farve til grå og et hvor det sker fra grå til farve.
Nu vil jeg gerne lave det sådan at når man kommer ind på min side, står billedet som gråt. Når man så køre musen hen over billedet fader den over til farve. Køre du væk fra billedet igen, fader den tilbage til grå.
Jeg har set det i sin tid på epunkt.dk, men funktionen er der selvfølgelig ikke mere.

Er det noget i min kode der gør at det ikke fungere.

<script language="javascript">
function movepic(img_name,img_src) {
document[img_name].src=img_src;
}
</script>

<img src="/billeder/forsidegul.jpg" name="forside" alt="Forside" border="0" onmouseover="movepic('forside','/billeder/forside.jpg')" onmouseout="movepic('forside','/billeder/forsidegul.jpg')" />

Eller er det mine gif'er der er lavet forkert.

Som der er idag, starter billedet med at fade over til farve(den skal jo blive ved grå) og når jeg køre musen hen over køre den bare i loop hele tiden.

Håber på lidt hjælp.
Eller en guide helt fra bunden.