Function javascript qui ne fonctionne pas

Bonjour,

sur une page j'ai des images en petit format et au passage de la souris j'affiche la même image en plus grand
le code la page html :

<img src="images/flyer Reims 1.jpg" style="width:15em" alt="" onmouse="montrer('image1')";onmouseout="cacher('image1');"/><br />
<img src="images/flyer Reims 1.jpg" style="width:20em;margin-top:-30em;display:none;position:absolute;"  border="1em" alt="" id='image1';/>

la fonction javascript

function montrer(id){
	document.getElementById(id).style.display = "inline";
}
function cacher(id){
	document.getElementById(id).style.display = "none";
	
}

Je ne comprends pas pourquoi ça marche pas vu que j'utilise ces 2 fonctions dans d'autres pages.
merci de votre aide