Zmiana obrazka po kliknieciu VS mapowanie POLY Shape coords

Sworzylem funkcje ktora powoduje, ze po kliknieciu na obrazek pojawia sie inny obrazek:

function changeImage(element)
{ 
	var v = element.getAttribute("src");
	v = localFilename(v);   // for a local filename

	if(v == "map-world-symbol.png")
		v = "world-map.png";
	else
		v = "map-world-symbol.png";

	element.setAttribute("src", v);	

}

jednak xD

wczesniej obrazek byl opisany kodem otaczajacym fragmenty obrazka:

<map name="worldmap">
<area shape="poly" coords="23,567, itd itd">
</map>

Mapowanie obrazka zanim sworzylem funkcje dzialalo bez zarzutu, jednakze po dodaniu funkcji ktora dziala tez bez zarzutu teraz, w pewien sposob, skoro pierwszy obrazek jest mniejszy i nie powinien byc mapowany, tylko drugi, funkcja nie otacza juz fragmentu. Nie wiem jak i gdzie wprowadzic ponizszy kod aby zadzialalo:

class="mapper noborder iradius16 iopacity50 icolor000000"

Klasa ta odpowiada za obrys fragmentu drugiego zaladowane obrazka.