[melky]

чуть-чуть коряво, но быстро

вместо

<div style="background: url(map.png) no-repeat; height: 300px; width: 230px;">

поставить это

<div *!*id="map"*/!* style="background: url(map.png) no-repeat; height: 300px; width: 230px;">

т.е. добавить ему id="map"

и вместо

<img src="map.png" width="230" height="300" usemap="#Map" name="map" border="0">

поставить это

<img width="230" height="300" border="0" src="map.png" usemap="#Map" name="map" id="firstmap">

<img id="secondmap" src="map_zao.png" style="display:none" name="swappermap">

и еще перед </body> (в конце страницы) поставить этот скрипт

var img = document.getElementById("firstmap"), swap = document.getElementById("secondmap");

document.getElementById("map").onclick = function(){
     if( swap.name === "map" ){
         img.name = "map";
         swap.name = "swappermap";
         if( swap.src ) img.src = swap.src;
     } else {
         img.name = "swappermap";
         swap.name = "map";   
     };
};