var xsf;
var ysf;
var x, y, n;
var kluch;
var loader;
var percent;
var offsetX
var offsetY
var stepx;
var stepy;
var stmove='no';
var text;
var isNav, isIE;
var i=0;
var sf;
var stpr="";
var circl=1;
var lod="no";
var movewindow=1;
var clswindow=1;
loader=0;

kluch="";


if (navigator.appName == "Netscape")
{
isNav = true;
window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP | Event.MOUSEMOVE);
}
else
{
isIE = true;
}

function ok(){

document.getElementById("loader-1").innerHTML= "<div style='color:#000000;'>карта загружена...</div>";
setTimeout("startmap()&init()",2000);
}


function dragProduct(e){

if (stpr=='ok'){


if (isNav){

x=e.pageX;
y=e.pageY;

if (x<=19){x=19;}
if (x>=189){x=189;}

if (y<=19){y=19;}
if (y>=593){y=593;}

document.getElementById('sf').style.left =  x-20;

document.getElementById('sf').style.top =  y-17;

}else{

x=window.event.clientX ;
y=window.event.clientY ;

if (x<=20){x=19;}
if (x>=188){x=188;}

if (y<=17){y=17;}
if (y>=593){y=593;}

document.getElementById('sf').style.left= x-20;
document.getElementById('sf').style.top=  y-17;


}
document.getElementById('allmaps').style.left=  -(x-26)*(2000/197) + 300;
document.getElementById('allmaps').style.top =  -(y-20)*(6066/600) + 200;


}
}



function grabProduct(e){

if (isNav)
{
mapx = e.pageX;

mapy = e.pageY;

stpr='ok'  ;
}
else
{
stpr='ok'  ;

mapx = window.event.clientX ;
mapy = window.event.clientY ;
}

document.getElementById('sf').style.left= mapx  -  20;
document.getElementById('sf').style.top = mapy  -  17;
document.getElementById('allmaps').style.left=  -(mapx-26)*(2000/197)+300;
document.getElementById('allmaps').style.top =  -(mapy-20)*(6066/600)+200;

return false;
}






function releaseProduct(e){
stpr='no';
}





function setmini(e)
{
if (isNav)
{
x = e.pageX - selectedProduct.left - 20;
y = e.pageY - seleetedProduct.top  - 17;
}
else
{
x = window.event.offsetX - 20;
y = window.event.offsetY - 17;
}
document.getElementById('allmaps').style.left=  -x*(2000/197);
document.getElementById('allmaps').style.top =  -y*(6066/600);

document.getElementById('sf').style.left= x;
document.getElementById('sf').style.top = y;

return false;

} 



function grabMap(e){

if (isNav)
{
mapx = e.pageX;
xx = e.pageX;
xxx = e.pageX;
mapy = e.pageY;
yy = e.pageY;
yyy = e.pageY;
stmove='ok'  ;
}
else
{
xxx = event.x;

xx= xxx;
yyy = event.y;
yy= event.y;
stmove='ok'  ;

mapx = window.event.clientX ;
mapy = window.event.clientY ;
}

document.getElementById('strelka').style.left= mapx-parseInt(document.getElementById('allmaps').style.left)-50;
document.getElementById('strelka').style.top = mapy-parseInt(document.getElementById('allmaps').style.top)-50;

document.getElementById('strelka').style.visibility="visible";

//alert(mapx + " - " + mapy);

return false;
}


function releaseMap(e){
if (isNav){window.releaseEvents(Event.MOUSEMOVE);}

document.getElementById('strelka').style.visibility="hidden";
stmove='no';
}

function dragMap(e){

if (stmove=='ok'){

parsx = parseInt(document.getElementById('allmaps').style.left);
parsy = parseInt(document.getElementById('allmaps').style.top);



if (isNav){
document.getElementById('strelka').style.left=e.pageX - parseInt(document.getElementById('allmaps').style.left) -50 ;
document.getElementById('strelka').style.top=e.pageY - parseInt(document.getElementById('allmaps').style.top) -50 ;

xxx = e.pageX;
document.getElementById('allmaps').style.left =  parsx + (xxx-xx);
xx= e.pageX;

yyy = e.pageY;
document.getElementById('allmaps').style.top =  parsy + (yyy-yy);
yy= e.pageY;



}else{
//==============================================================================
document.getElementById('strelka').style.left= window.event.clientX-50-parseInt(document.getElementById('allmaps').style.left);
document.getElementById('strelka').style.top= window.event.clientY-50-parseInt(document.getElementById('allmaps').style.top);

xxx = event.x;
document.getElementById('allmaps').style.left =  parsx + (xxx-xx);
xx= event.x;

yyy = event.y;
document.getElementById('allmaps').style.top =  parsy + (yyy-yy);
yy= event.y;
}

xs = Math.floor((-parsx+300)/(2000/197))+5;
ys = Math.floor((-parsy+200)/(6066/600))+5;

if (xs<=0){xs=0;}
if (xs>=189){xs=189;}

if (ys<=0){ys=0;}
if (ys>=593){ys=593;}

document.getElementById('strelka').style.visibility="visible";

document.getElementById("sf").style.left = xs;
document.getElementById("sf").style.top = ys;

}
}




function init()
{

lod="y";

document.getElementById("zero").style.visibility="hidden";

document.getElementById("kartamenu").style.border="#dddddd 1000px solid";

if (isNav){document.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP | Event.MOUSEMOVE);}


document.getElementById("allmaps").onmousedown = grabMap;
document.getElementById("allmaps").onmousemove = dragMap;
document.getElementById("allmaps").onmouseup = releaseMap;

document.getElementById("strelka").onmousedown = grabMap;
document.getElementById("strelka").onmousemove = dragMap;
document.getElementById("strelka").onmouseup = releaseMap;


document.getElementById("minimap").onmousedown = grabProduct;
document.getElementById("minimap").onmousemove = dragProduct;
document.getElementById("minimap").onmouseup = releaseProduct;

document.getElementById("sf").onmousedown = grabProduct;
document.getElementById("sf").onmousemove = dragProduct;
document.getElementById("sf").onmouseup = releaseProduct;

return false;

} 




function mobile(movex, movey, text){
i=0;


document.getElementById("allmaps").style.left = -movex+400;
document.getElementById("allmaps").style.top  = -movey+300;

document.getElementById("sf").style.left = Math.floor((movex)/(2000/197)) - 9;
document.getElementById("sf").style.top  = Math.floor((movey)/(6066/600)) - 3;


document.getElementById("strelka2").style.left = 500-122;
document.getElementById("strelka2").style.top  = 300-62;

document.getElementById("text2").style.left = 650-122;
document.getElementById("text2").style.top  = 360-77;
document.getElementById("text2").style.visibility="visible";

document.getElementById("textinn").innerHTML= "<nobr>- " + text + "&nbsp;</nobr>";


setTimeout("document.getElementById('strelka2').style.visibility='visible';",100);



setTimeout("blick()",1000);

}

function blick(){
if (i<=3){
setTimeout("blick()",200);
if ((document.getElementById("strelka2").style.visibility == "visible")) {
document.getElementById("strelka2").style.visibility="hidden";
} else {
document.getElementById("strelka2").style.visibility="visible";
}
}else{document.getElementById("strelka2").style.visibility="hidden";
document.getElementById("text2").style.visibility="hidden";}
i=i+1;

}
function startmap(){

window.Scrollbars=0;

document.getElementById('all').style.visibility="visible";
document.getElementById('minimap').style.visibility="visible";
document.getElementById('x').style.visibility="visible";
document.getElementById('fonss').style.visibility="visible";

document.getElementById('allmaps').style.left=  -220 +'px';
document.getElementById('allmaps').style.top =  -3100 +'px';


document.getElementById('sf').style.left=(56) +'px';
document.getElementById('sf').style.top=(330) +'px';
document.getElementById('sf').style.visibility="visible";

}


function clsx(){

document.getElementById('minimap').style.visibility="hidden";
document.getElementById('zero').style.visibility="hidden";
document.getElementById('sf').style.visibility="hidden";

document.getElementById('x').style.visibility="hidden";
document.getElementById('o').style.visibility="visible";
}

function seex(){

document.getElementById('minimap').style.visibility="visible";
document.getElementById('zero').style.visibility="visible";
document.getElementById('sf').style.visibility="visible";
document.getElementById('x').style.visibility="visible";
document.getElementById('o').style.visibility="hidden";
}






function showm(id){
if (document.getElementById(id)){
document.getElementById(id).style.visibility="visible";}
}




function  clsm(id){

document.getElementById(id).style.visibility="hidden";

}

function checkknopka()
{
if (clswindow==0){
if (movewindow==1){
document.getElementById("knopka2").style.visibility="hidden";
document.getElementById("knopka").style.visibility="visible";

}else{
document.getElementById("knopka").style.visibility="hidden";
document.getElementById("knopka2").style.visibility="visible";

}}
}

function showwindow()
{
checkknopka();
//document.getElementById("window").style.visibility="visible";


if (movewindow==1){
//x=window.event.clientX +document.body.scrollLeft ;
//y=window.event.clientY +document.body.scrollTop ;

x = x - 120;
y = y + 20;

document.getElementById("window").style.left= x +'px';
document.getElementById("window").style.top= y +'px'  ;
//document.getElementById("knopka").style.visibility="visible";
}else{
document.getElementById("knopka").style.visibility="hidden";
//document.getElementById("knopka2").style.visibility="visible";

}
//document.getElementById("xx").style.visibility="visible";

}

function clsseewin(){


if (clswindow==1){
clswindow=0;
document.getElementById("winnn").innerHTML= "<IMG SRC='gif/win.gif' title='скрыть/показать плавающее окно'>";
}else{
clswindow=1;
document.getElementById("winnn").innerHTML= "<IMG SRC='gif/win2.gif' title='скрыть/показать плавающее окно'>";

}

if (clswindow==1){

document.getElementById("textwin").style.visibility="hidden";
document.getElementById("xx").style.visibility="hidden";
document.getElementById("zagxx").style.visibility="hidden";
document.getElementById("window").style.visibility="hidden";
document.getElementById("knopka").style.visibility="hidden";
document.getElementById("knopka2").style.visibility="hidden";
document.getElementById("window").style.visibility="hidden";

}else{
document.getElementById("window").style.visibility="visible";
document.getElementById("textwin").style.visibility="visible";
document.getElementById("xx").style.visibility="visible";
document.getElementById("zagxx").style.visibility="visible";
document.getElementById("window").style.visibility="visible";
document.getElementById("knopka").style.visibility="visible";
document.getElementById("knopka2").style.visibility="visible";
checkknopka();
}

}



function clswindow()
{
document.getElementById("textwin").style.visibility="hidden";
document.getElementById("xx").style.visibility="hidden";
document.getElementById("zagxx").style.visibility="hidden";
document.getElementById("window").style.visibility="hidden";
document.getElementById("knopka").style.visibility="hidden";
document.getElementById("knopka2").style.visibility="hidden";
}


function stopwindow()
{
movewindow=0;
document.getElementById("knopka").style.visibility="hidden";
document.getElementById("knopka2").style.visibility="visible";

}

function starmovetwindow()
{
movewindow=1;
document.getElementById("knopka2").style.visibility="hidden";
document.getElementById("knopka").style.visibility="visible";
}



function mousePageXY(e)
{
  var x = 0, y = 0;

  if (!e) e = window.event;

  if (e.pageX || e.pageY)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else if (e.clientX || e.clientY)
  {
    x = e.clientX + 
      (document.documentElement.scrollLeft || document.body.scrollLeft) - 
      document.documentElement.clientLeft;
    y = e.clientY + 
      (document.documentElement.scrollTop || document.body.scrollTop) - 
      document.documentElement.clientTop;
  }

  return {"x":x, "y":y};
}


document.onmousemove = function(e){
   var mCur = mousePageXY(e); 
x=mCur.x;
y=mCur.y;
   };
//==============================================================


var move="no";
var w;
var h;


if (navigator.appName == "Netscape")
{
isNav = true;
window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP | Event.MOUSEMOVE);
}
else
{
isIE = true;
}


function windowinit()
{

if (isNav){document.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP | Event.MOUSEMOVE);}

document.getElementById("window").onmousedown = windowgrabMap;
document.getElementById("window").onmousemove = windowdragMap;
document.getElementById("window").onmouseup = windowreleaseMap;

return false;

} 

function windowgrabMap(e){

if (isNav)
{
mapx = e.pageX;

mapy = e.pageY;

}
else
{

mapx = window.event.clientX ;
mapy = window.event.clientY ;
}
if (movewindow==1){
move = "ok";}

return false;
}

function windowdragMap(e){

if (move=="ok")    {
x= parseInt(document.getElementById('window').style.left);
y= parseInt(document.getElementById('window').style.top) ;

if (isNav)
{
document.getElementById('window').style.left= x-(mapx - e.pageX);
document.getElementById('window').style.top = y-(mapy - e.pageY);
}
else
{
document.getElementById('window').style.left= x-(mapx - window.event.clientX);
document.getElementById('window').style.top = y-(mapy - window.event.clientY);
}

if (isNav)
{
mapx = e.pageX;

mapy = e.pageY;

}
else
{

mapx = window.event.clientX ;
mapy = window.event.clientY ;
}
}
}

function windowreleaseMap(e){
move="no";

}







function showxy()
{

x=window.event.clientX -parseInt(document.getElementById("allmaps").style.left);
y=window.event.clientY -parseInt(document.getElementById("allmaps").style.top);



x = x;
y = y;

document.getElementById("xy").style.left= window.event.clientX;
document.getElementById("xy").style.top= window.event.clientY ;

document.getElementById("xy2").style.visibility="visible";
document.getElementById("xy").style.visibility="visible";
document.getElementById("mysamplex").innerText= 'x=' + x ;
document.getElementById("mysampley").innerText= 'y=' + y ;
document.getElementById("mysample").innerText= 'x=' + x +'  ' + 'y=' + y +'  ';
}



function showcls(id,movex,movey){
if (document.getElementById(id).style.visibility=="visible"){
document.getElementById(id).style.visibility="hidden";}else{
document.getElementById(id).style.visibility="visible";}

document.getElementById("allmaps").style.left = -movex+400;
document.getElementById("allmaps").style.top  = -movey+300;

document.getElementById("sf").style.left = Math.floor((movex)/(2000/197)) - 9;
document.getElementById("sf").style.top  = Math.floor((movey)/(6066/600)) - 3;

}



















