Each area is essentially an invisible button. I want to make it so when the mouse hovers over the areas, I want the background image to display something different. On mouse out of the area, I want the image to go back. When the user clicks the Area, the user is moved to another part of the site.

Area 1 should change Main_Image.jpeg to Main_Image1.jpeg

Area 2 should change Main_Image.jpeg to Main_Image2.jpeg

etc.

I thought I could do this with Images Maps, but I can't figure out how. Is there an easier way? I have Dreamweaver CS4.

If you "slice" the image and place the slices in individual DIVs, then you can either add a javascript mouseover or use the slices as background images and add a CSS "hover" effect to change the background image on mouseover.