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.