<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Мэпка</title>
</head>
<body>
<center>
<img class="map maphilighted" width="1200" height="1300" usemap="mapka" src="genplan2.jpg" >
<map id="myMap" name="mapka" >
<span class="tipsy-Map" title="Aнкеты">
<area shape="poly" coords="805,804,810,914,876,909,869,803" href="#" />
</span>
<area shape="poly" coords="805,804,810,914,748,918,743,805" href="#" />
<area shape="poly" coords="680,806,688,920,748,918,743,805" href="#" />
<area shape="poly" coords="680,806,688,920,608,926,600,809" href="#" />
<area shape="poly" coords="804,804,796,705,858,702,868,803" href="#" />
<area shape="poly" coords="804,804,796,705,735,707,740,805" href="#" />
<area shape="poly" coords="680,806,674,708,735,707,740,805" href="#" />
<area shape="poly" coords="680,806,674,708,594,710,600,809" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"ffcc00","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}'/>
<area shape="poly" coords="788,600,791,705,858,702,848,602" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"ffcc00","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}'/>
<area shape="poly" coords="788,600,791,705,730,707,726,600" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"ffcc00","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="667,601,671,708,730,707,726,600" href="#" />
<area shape="poly" coords="667,601,671,708,594,710,588,601" href="#" />
<area shape="poly" coords="786,600,786,510,873,520,848,579,848,602" href="#" />
<area shape="poly" coords="786,600,786,510,721,502,721,600" href="#" />
<area shape="poly" coords="662,600,659,495,721,502,721,600" href="#" />
<area shape="poly" coords="662,600,659,495,581,485,588,601" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"ff0049","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="884,981,799,985,796,915,876,909" href="#" />
<area shape="poly" coords="694,992,799,985,796,915,686,921" href="#" />
<area shape="poly" coords="695,992,613,997,608,926,687,921" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"ff0049","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="508,1003,613,997,608,926,505,932" href="#" />
<area shape="poly" coords="501,863,604,857,608,926,505,932" href="#" />
<area shape="poly" coords="501,863,604,857,599,793,497,799" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"ff0049","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="495,733,595,732,599,793,497,799" href="#" />
<area shape="poly" coords="485,673,591,669,596,731,495,734,485,698" href="#" />
<area shape="poly" coords="485,673,591,669,588,610,482,612" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"ff0049","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="478,550,584,548,588,610,482,612" href="#" />
<area shape="poly" coords="478,550,584,548,580,486,475,489" href="#" />
<area shape="poly" coords="465,455,463,432,576,428,581,486,476,489" href="#" />
<area shape="poly" coords="459,352,463,432,576,428,572,372" href="#" />
<area shape="poly" coords="671,389,656,494,581,485,572,372" href="#" />
<area shape="poly" coords="671,389,656,494,726,503,739,402" href="#" />
<area shape="poly" coords="812,415,797,511,726,503,739,402" href="#" />
<area shape="poly" coords="812,415,797,511,873,520,910,434" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"00ff00","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="822,417,844,323,948,348,910,434" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"00ff00","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="822,417,844,323,779,307,757,405" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"00ff00","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="684,391,706,290,779,307,757,405" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"00ff00","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="684,391,706,290,639,273,613,379" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"00ff00","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="546,367,572,257,639,273,613,379" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"00ff00","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="546,367,572,257,507,241,482,356" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"00ff00","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
<area shape="poly" coords="417,344,438,261,457,229,507,241,482,356" href="#" alt="Shadow for some" data-maphilight='{"fillColor":"00ff00","shadow":false,"shadowBackground":"ffffff","alwaysOn":true}' />
</map>
</center>
<style>
.tipsy.tipsy-s.Map{
font-size:14px;
z-index:10000!important;
}
</style>
<script>
var offset_On=false;
function mouseShowHandler(e){
e = e || window.event
if(offset_On){ 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)
}
//document.getElementById('mouseX').value = e.pageX
//document.getElementById('mouseY').value = e.pageY
$(".tipsy.tipsy-s.Map").css({"top":(e.pageY-50)+"px","left":(e.pageX-30)+"px"});//offset_On=false;
}}
// nw | n | ne | w | e | sw | s | se
$("#Map .tipsy-Map").tipsy({gravity: 's Map'});
$("#Map .tipsy-Map").mouseover(function(){
offset_On=true;$(document).mousemove(mouseShowHandler)
}).mouseout(function(){
offset_On=false;
});
</script>
</body>
</html>
