﻿// JScript File

function CreateMap(x, y, xoff, yoff, zoom, nr)
{

 var test = "blank.png";



var url1 = "mapsrc/img.aspx?&x=" + (x-2) + "&y=" + (y-1) +  "&zoom=" + zoom;
document.images.mapa_img1.src = url1;   

  

var url2 = "mapsrc/img.aspx?&x=" + (x-1) + "&y=" + (y-1) +  "&zoom=" + zoom;
document.getElementById("mapa_img2").src = test;

 var img2 = new Image();
  img2.src = url2
  img2.onload = img2.src
   var map2 = document.images.mapa_img2.complete;
if (map2){
//document.getElementById("mapa_img2").src = img2.src;   
document.images.mapa_img2.src = img2.src;   

}
 var img2 = null;

var url3 = "mapsrc/img.aspx?&x=" + x + "&y=" + (y-1) + "&zoom=" + zoom;
document.getElementById("mapa_img3").src = test;
 var img3 = new Image();
  img3.src = url3
  img3.onload = img3.src
  document.images.mapa_img3.src = test;
  var map3 = document.images.mapa_img3.complete;
if (map3){
//document.getElementById("mapa_img3").src = img3.src;   
document.images.mapa_img3.src = img3.src;   

}  
var img3 = null;


var url4 = "mapsrc/img.aspx?&x=" + (x+1) + "&y=" + (y-1) +  "&zoom=" + zoom;
document.getElementById("mapa_img4").src = test;
 var img4 = new Image();
  img4.src = url4
  img4.onload = img4.src
  document.images.mapa_img4.src = test;
  var map4 = document.images.mapa_img4.complete;
if (map4){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img4.src = img4.src;   

}
var img4 = null;


var url5 = "mapsrc/img.aspx?&x=" + (x-2) + "&y=" + y +  "&zoom=" + zoom;
document.getElementById("mapa_img5").src = test;
document.getElementById("loading_map").style.cursor = "crosshair"
 var img5 = new Image();
  img5.src = url5
  img5.onload = img5.src
  document.images.mapa_img5.src = test;
  var map5 = document.images.mapa_img5.complete;
if (map5){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img5.src = img5.src;   

}
var img5 = null;


var url6 = "mapsrc/img.aspx?&x=" + (x-1) + "&y=" + y +  "&zoom=" + zoom;
document.getElementById("mapa_img6").src = test;
document.getElementById("loading_map").style.cursor = "crosshair"
 var img6 = new Image();
  img6.src = url6
  img6.onload = img6.src
  var map6 = document.images.mapa_img6.complete;
if (map6){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img6.src = img6.src;  

}
var img6 = null; 

var url7 = "mapsrc/img.aspx?&x=" + x + "&y=" + y + "&zoom=" + zoom;
document.getElementById("mapa_img7").src = test;
document.getElementById("loading_map").style.cursor = "crosshair"
 var img7 = new Image();
  img7.src = url7
  img7.onload = img7.src
  var map7 = document.images.mapa_img6.complete;
if (map7){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img7.src = img7.src;   
}
var img7 = null;
var url8 = "mapsrc/img.aspx?&x=" + (x+1) + "&y=" + y +  "&zoom=" + zoom;

document.getElementById("mapa_img8").src = test;
document.getElementById("loading_map").style.cursor = "hand"
 var img8 = new Image();
  img8.src = url8
  img8.onload = img8.src
  var map8 = document.images.mapa_img8.complete;
if (map8){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img8.src = img8.src;   

}
var img8 = null;

var url9 = "mapsrc/img.aspx?&x=" + (x-2) + "&y=" + (y+1) +  "&zoom=" + zoom;
document.getElementById("mapa_img9").src = test;
 var img9 = new Image();
  img9.src = url9
  img9.onload = img9.src
  var map9 = document.images.mapa_img9.complete;
if (map9){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img9.src = img9.src;   

}
var img9 = null;

var url10 = "mapsrc/img.aspx?&x=" + (x-1) + "&y=" + (y+1) +  "&zoom=" + zoom;
document.getElementById("mapa_img10").src = test;
 var img10 = new Image();
  img10.src = url10
  img10.onload = img10.src
  var map10 = document.images.mapa_img10.complete;
if (map10){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img10.src = img10.src;   

}
var img10 = null;


var url11 = "mapsrc/img.aspx?&x=" + x + "&y=" + (y+1) +  "&zoom=" + zoom;
document.getElementById("mapa_img11").src = test;
 var img11 = new Image();
  img11.src = url11
  img11.onload = img11.src
  var map11 = document.images.mapa_img11.complete;
if (map11){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img11.src = img11.src;  
}
var img11 = null; 

var url12 = "mapsrc/img.aspx?&x=" + (x+1) + "&y=" + (y+1) +  "&zoom=" + zoom;

document.getElementById("mapa_img12").src = test;
 var img12 = new Image();
  img12.src = url12
  img12.onload = img12.src
  var map12 = document.images.mapa_img12.complete;
if (map12){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img12.src = img12.src;

}
var img12 = null;   

var url13 = "mapsrc/img.aspx?&x=" + (x-2) + "&y=" + (y+2) +  "&zoom=" + zoom;

document.getElementById("mapa_img13").src = test;
 var img13 = new Image();
  img13.src = url13
  img13.onload = img13.src
  var map13 = document.images.mapa_img13.complete;
if (map13){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img13.src = img13.src;   

}
var img13 = null;
var url14 = "mapsrc/img.aspx?&x=" + (x-1) + "&y=" + (y+2) +  "&zoom=" + zoom;

document.getElementById("mapa_img14").src = test;
 var img14 = new Image();
  img14.src = url14
  img14.onload = img14.src
  var map14 = document.images.mapa_img14.complete;
if (map14){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img14.src = img14.src;  

}
var img14 = null; 

var url15 = "mapsrc/img.aspx?&x=" + x + "&y=" + (y+2) +  "&zoom=" + zoom;

document.getElementById("mapa_img15").src = test;
 var img15 = new Image();
  img15.src = url15
  img15.onload = img15.src
  var map15 = document.images.mapa_img15.complete;
if (map15){
document.images.mapa_img15.src = url15;

}
var img15 = null;



var url16 = "mapsrc/img.aspx?&x=" + (x+1) + "&y=" + (y+2) +  "&zoom=" + zoom;
document.getElementById("mapa_img16").src = test;
 var img16 = new Image();
  img16.src = url16
  img16.onload = img16.src
  var map16 = document.images.mapa_img16.complete;
if (map16){
//document.getElementById("mapa_img4").src = img4.src;   
document.images.mapa_img16.src = img16.src;   

}
img16 = null;
var loading_map = "mapsrc/img.aspx?&x=" + (x+1) + "&y=" + (y+2) +  "&zoom=" + zoom;
document.getElementById("loading_map").src = test;
 var img17 = new Image();
  img17.src = loading_map
  img17.onload = img17.src
  var map17 = document.images.loading_map.complete;
if (map17){

}
var img17 = null;


if (xoff == null){
xoff = 128;
}
var leftViewPort = document.getElementById("viewport1").style.left
var topViewPort = document.getElementById("viewport1").style.top

document.getElementById("test").style.left =  -(256*2) - xoff + (568/2) + 'px';
document.getElementById("test").style.top =  -256 - yoff + (410/2)  + 'px';



var sign = readCookie("SignX");

if (sign != null) {
document.getElementById("marker0").style.display = "none";
document.getElementById("marker0").style.visibility = "hidden";
}

////document.getElementById("log").innerHTML  += ("Left Bitmap: " + document.getElementById("test").style.left + "Top Bitmap: " + document.getElementById("test").style.top + "<br><br>");



}

Drag.init(document.getElementById("test"));


var theHandle = document.getElementById("test");
var theRoot = document.getElementById("test");
Drag.init(theHandle, theRoot);