Problème JavaScript (OnMouseOver)

Bonjour,
Je me permets de vous demander de l'aide concernant un petit programme en JavaScript que j'ai réalisé.
Il s'agit d'un exercice en classe, le professeur demande à ce qu'on utilise une fonction (qui change l'image grâce à OnMouseOver) au niveau du javascript et de la rappeler par la suite dans le corps html, comme suit:

<HTML>
<HEAD>
<SCRIPT language="JavaScript">

function Survoler(){Document.images[0].src = 'image_2.png'}

function nonSurvoler(){Document.images[0].src= 'image_1.png';}

</SCRIPT>
</HEAD>

<BODY> <form name="images">
    <a href = "mailto://nom.prenom@gmail.com"><img src="image_1.png" name="image" onMouseOver = "Survoler()"; onMouseOut = "nonSurvoler()";> </a>
    
</form>    
</BODY>
</HTML>

Le problème c'est qu'au niveau du navigateur il n'affiche que la première image, lorsque je survole avec ma souris, firebug (sous mozilla) affiche une erreur au niveau du :

function Survoler(){Document.images[0].src = 'image_2.png'}

ainsi que la fonction nonSurvoler().
Je suis coincée j'espère que quelqu'un pourra m'aider.

Merci d'avance