I have a website ( where I have trail maps for mountain bikers, hikers, horse riders etc.

At this point I have set up image maps where a picture of a point on the trail appears when the user scrolls over a point on the.

If you scroll over the red dots on the map the image box on the right changes to show a picture.

I would like to change this over to pop up images as described HERE

I'm having real trouble in getting this to work.

There are three hot spots on the image map
1 - around the parking symbol
2 - around the words "lake Rico
3 - around the north arrow
I'd like to figure out how to have images pop up when those hotspots are scrolled over.

Thank you in advance for your thoughts and advice, it's much appreciated!