Problème onMouseover dans area

Comme le dit mon titre je n'arrive pas à faire fonctionner un onMouseover dans un area.

J'explique mon problème, j'ai une image ou j'ai dessus 4 pièces de puzzle.
j'ai crée 4 area pour chacune des pièces, et j'aimerais qu'au survole par exemple de la première pièce de puzzle s'affiche la même pièce avec une lumière, j'ai donc crée 4 fois la même image avec la pièce modifié.

Maintenant j'obtient le code html suivant:

<area shape="poly"  coords="493,307,583,358,493,307" href="recherche.html"/>

J'ai crée un div juste au dessus de mon image principale:

<div style="position:absolute;left: 500px ;right: 500px ;height: 500px ;width: 500px ;" onmouseover="changeImage();"></div> 

Alors sa ne marche pas, donc je demande votre aide pour m'indiquer la marche à suivre

cordialement.