html rollover map

hi there. me doing rollover image map with mouseover and onclick. there is a backround image and few same sized transparent layers with some pics on them. few poly areas. ones with onclick should stay when i move my cursor on others, they should change only with other onclick.

so onclick images should stay and onmouseover layers should just load on them.

<area shape="rect" coords="" onClick="if(document.images) document.getElementById('map').src= 'clicklayer.png"  />
 
<area shape="poly" coords="" onMouseOver="if(document.images) document.getElementById('Map').src= 'mouselayer.png';" onMouseOut="if(document.images) document.getElementById('Map').src= 'blank.png';"  />

whats the easiest way?

>>1
It is possible to do it by having a grid of elements that have the onMouseOver function enabled, but it would be really tedious. You wouldn't want to type out the grid by hand. There also seems to be a way to directly get the mouse coordinates.

http://www.javascriptsource.com/page-details/mouse-coordinates.html