Plusieurs images cliquables cote à cote

Bonjour,

J'aimerais mettre plusieurs images cliquables cote à cote dans ma page html/php. De plus je voudrais mettre l'image en miniature et quand la souris est sur l'image celle-ci s'agrandit.

Voici mon code:

<a href="Sim1.php">
<img alt=""onmouseout="this.src='image1Petite.png';this.style.position='static';document.getElementById('cache').style.display='none';" onmouseover="this.src='image1Grande.png'; this.style.position='absolute';
document.getElementById('cache').style.display='block';" src="image1.png"/>
<img alt="" src="image1.png" style="display:none" id="cache" />
</a>

<a href="Sim2.php">
<img alt=""onmouseout="this.src='image2Petite.png';this.style.position='static';document.getElementById('cache').style.display='none';" onmouseover="this.src='image2Grande.png'; this.style.position='absolute';
document.getElementById('cache').style.display='block';" src="image2.png"/>
<img alt="" src="image2.png" style="display:none" id="cache" />
</a>

Le problème est que ça se passe bien pour la première. la seconde en revanche ne se visualise pas bien...vu que je devrais en mettre au moins 5 l'une au dessus de l'autre ja'rrive pas à bien les positionner et à surtout conserver l'effet de la souris!

Merci pour votre aide!!