<center>
<img src="http://s7.uploads.ru/1D82K.png" width="531" height="604" 
border="0" usemap="#mapka">
<map class="myMap" name="mapka" >
<span class="tipsy-Map" title="Лунный исток">
<area shape="poly" coords="106,229,120,201,117,179,148,155,167,145,188,122,191,97,214,76,252,50,275,48,281,52,296,50,307,45,316,42,292,69,276,101,268,117,247,123,227,135,195,150,175,147,159,159,149,164,162,168,178,163,188,172,158,189,158,198,138,211,125,229,137,224"
href="http://rolevayagrotter.mybb.ru/viewtopic.php?id=5"/></span>

<span class="tipsy-Map" title="Территория племени тумана">
<area shape="poly" coords="360,30,375,39,402,31,426,39,448,49,465,49,477,62,482,83,493,99,481,124,492,151,488,165,477,181,477,196,494,207,494,235,495,254,501,261,484,255,467,239,442,228,417,248,392,259,348,251,328,249,281,247,233,240,197,257,157,254,132,238,132,224,189,188,239,178,267,165,268,143,274,118,290,91,291,72,316,48,320,41" 
href="http://rolevayagrotter.mybb.ru/viewtopic.php?id=5"/></span>

<span class="tipsy-Map" title="Горы">
<area shape="poly" coords="117,246,144,210,177,185,196,169,175,161,162,157,182,150,203,154,237,132,259,123,275,118,265,142,265,164,236,179,206,182,188,188,152,211,138,222,126,233,120,241" 
href="http://rolevayagrotter.mybb.ru/viewtopic.php?id=5"/></span>

<span class="tipsy-Map" title="Остров советов">
<area shape="circle" coords="289,290,34" 
href="http://rolevayagrotter.mybb.ru/viewtopic.php?id=5"/></span>

<span class="tipsy-Map" title="Тайга">
<area shape="poly" coords="445,246,427,248,417,258,405,281,415,315,446,328,476,324,495,301,501,273,488,250,466,238,445,235,447,239" 
href="http://rolevayagrotter.mybb.ru/viewtopic.php?id=5"/></span>

<span class="tipsy-Map" title="Территория племени солнца">
<area shape="poly" coords="96,256,94,293,118,298,138,317,122,340,91,363,88,402,97,492,115,494,124,477,130,443,137,428,160,439,170,470,175,495,155,513,161,569,178,598,195,597,205,573,218,578,224,590,241,585,252,570,271,547,301,554,318,540,324,518,326,483,329,478,343,484,335,508,368,517,391,517,403,508,425,523,429,534,443,534,472,523,480,508,489,497,476,480,464,457,478,425,462,410,447,391,451,375,444,350,494,336,512,319,507,312,510,293,494,313,479,331,430,341,398,321,396,296,372,266,352,254,321,253,328,282,329,314,302,330,277,331,257,315,243,290,250,271,252,267,231,257,235,273,223,261,214,257,96,262" 
href="http://rolevayagrotter.mybb.ru/viewtopic.php?id=5"/></span>
</map>
</center>

<style>.tipsy.tipsy-s.Map{ font-size:14px; z-index:10000!important;}</style>
<script>
var offset_On=false;
function mouseShowHandler(e){
 e = offset_On&&e || offset_On&&window.event
    if (e.pageX == null && e.clientX != null ) { 
    var html = document.documentElement
    var body = document.body
    e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
    e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
 }
    $(".tipsy.tipsy-s.Map").css({"top":(e.pageY-50)+"px","left":(e.pageX-30)+"px"});//offset_On=false;
}

$("map.myMap .tipsy-Map").tipsy({gravity: 's Map'});
var first_On=true;
$("map.myMap .tipsy-Map").mouseover(function(){
   offset_On=true;if(first_On){$(document).mousemove(mouseShowHandler);first_On=false;}
}).mouseout(function(){ offset_On=false;});
</script>