Help Changing an ImageMap

Hopefully someone can help with this..

I want to change an entire imagemap when a given area is clicked by a user.

Here is what I have so far

<MAP NAME="MAP1">
<AREA SHAPE=RECT COORDS="27,10,185,34" HREF="javascript:ajaxpage(file1.ext', 'contentarea');>
<AREA SHAPE=RECT COORDS="189,8,346,32" HREF="javascript:ajaxpage(file2.ext', 'contentarea');>
<AREA SHAPE=RECT COORDS="351,9,507,31" HREF="javascript:ajaxpage(file3.ext', 'contentarea');>
</MAP>

<img src="image.ext" USEMAP = "#MAP1" BORDER = "0">

As you can see I have 3 areas clickable in the map which via ajax will pull files into a predetermined content area.

What I would like to achieve is to have the map (I.E. The Image) change also so that the result perse would be

User Clicks on area 1 >>>>
File1.ext is pulled into the predetermined "contentarea">>>
A new Image is loaded where the imagemap was such as
<img src="image1.ext" USEMAP = "#MAP1" BORDER = "0">

and

User Clicks on area 2 >>>>
File2.ext is pulled into the predetermined "contentarea">>>
A new Image is loaded where the imagemap was such as
<img src="image2.ext" USEMAP = "#MAP1" BORDER = "0">

and

User Clicks on area 3 >>>>
File3.ext is pulled into the predetermined "contentarea">>>
A new Image is loaded where the imagemap was such as
<img src="image3.ext" USEMAP = "#MAP1" BORDER = "0">

etc.
Probably to wind up with 5 or 6 different images/files/mapareas

I was hoping to solve this using an "OnClick" (Image Swap) function within the map itself or perhaps someone knows a better way to achieve this

Can anyone help with this Please

Redards

Davy Moore

Thanks anyway Guys & Gals but I got this solved :thumbsup: