I need help with Image Map & OnMouseOver Image Change.

Here is the link. The main image should have 7 different images that change when you mouseover on each different picture.

I'm not sure how to achieve this. Should there be a preload? I've tried several different things as you can see in my source. I feel like I'm close but not sure where to go with this.

The web has so many different ways of achieving it.

Thanks in advance!

First of all, you do NOT need an inaccessible image map for that. You can easily achieve it using plain images, and using CSS to do the image rollovers. Much less headaches, and much more accessible.

Stu Nicholls has some great examples to study and model yours after.
http://www.cssplay.co.uk/menus/flickerfree.html