var xmlHttp
var currentpos = new Array();
currentpos["x"] = 0;
currentpos["y_down"] = 1;
currentpos["y_up"] = 1;

var y_up_numbers = new Array();
var iii=-250;

var firstrun = 1;

for(var index=-502 ; index<=-2 ; index+=2){
  y_up_numbers[iii] = index;
  iii++;
  }

var flow_duration = 1000;

function GetXmlHttpObject(){
  var xmlHttp=null;
  try{
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e){
    // Internet Explorer
    try{
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e){
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    }
  return xmlHttp;
  }

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=d.images; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i]; }}
}


function showMap(str, num){

       document.getElementById('loading').style.display='block';
       document.getElementById('navigation_loading').style.display='block';
       
       document.getElementById('navigation').style.display='none';
       document.getElementById('arrow_up').style.display='none';
       document.getElementById('arrow_down').style.display='none';
       document.getElementById('arrow_right').style.display='none';
       document.getElementById('arrow_left').style.display='none';
       
       
       if(str==null && num==null){
        var street = currentpos["x"];
        var number = currentpos["y_down"];
        }
      else{
        var street = str;
        var number = num;
        currentpos["x"]=str;
        currentpos["y_down"]=num;
        }

       
       
        xmlHttp=GetXmlHttpObject();
        if (xmlHttp==null){
          alert ("Your browser does not support AJAX!");
          return false;
          }
        
        var url="/showMap_slide.php?x="+street+"&y="+number;
        xmlHttp.open("GET",url,true);
        xmlHttp.onreadystatechange = function(){
          if (xmlHttp.readyState==4){
            
            document.getElementById("wrapper").innerHTML = xmlHttp.responseText;
            document.getElementById('loading').style.display='none';
            document.getElementById('navigation_loading').style.display='none';
            /*
            var ready = 0;
            var images=new Array();
            var imagesnum = document.images.length;
            for(var imgs=0 ; imgs<imagesnum ; imgs++){
              if(!document.images[imgs].complete){
                ready++;
                }
              }
            if(ready == imagesnum){
            */
            document.getElementById('arrow_up').style.display='block';
            document.getElementById('arrow_down').style.display='block';
            document.getElementById('arrow_right').style.display='block';
            document.getElementById('arrow_left').style.display='block';
            document.getElementById('navigation').style.display='block';
            /*
            }
            */
            }
            
          }
        xmlHttp.send(null);
        document.getElementById('locationlink').value='http://www.titulia.com/citymapslide/view/map.php?street='+street+"&number="+number;
        //alert("x= "+currentpos["x"]+"\ny_down="+currentpos["y_down"]+"\ny_up="+currentpos["y_up"]);
        firstrun = 0;
        
  }

function gotoPosition(street, number){
        
    currentpos["y_down"] = number;
    currentpos["y_up"] = number;
    currentpos["x"] = street;
    
    showMap();
     
  }

function updateMap(){
       var street = currentpos["x"];
       var number = currentpos["y_down"];
       
       
        xmlHttp=GetXmlHttpObject();
        if (xmlHttp==null){
          alert ("Your browser does not support AJAX!");
          return false;
          }
        
        var url="/showMap_slide.php?x="+street+"&y="+number+"&update=1";
        xmlHttp.open("GET",url,true);
        xmlHttp.onreadystatechange = function(){
          if (xmlHttp.readyState==4){
            
            document.getElementById("top_invisible_block").innerHTML = xmlHttp.responseText;
            document.getElementById('loading').style.display='none';
            }
          }
        xmlHttp.send(null);
        
        firstrun = 0;
  }


function changeIMG(id, imgsrc){
  document.getElementById(id).src = imgsrc;
  }


/* MAP FLOWING FUNCTIONS */
function flyright(){
      $(".move").animate({"left": "-=320px"}, flow_duration);
    
    }
  
  function flyleft(){
      $(".move").animate({"left": "+=320px"}, flow_duration);
    
    }
  
  function flydown(){
      $(".move").animate({"top": "-=320px"}, flow_duration);
    
    }
  
  function flyup(){
      $(".move").animate({"top": "+=320px"}, flow_duration);
    }
  
  function up(){
    flyup(); 
    currentpos["x"] += 1;
    showMap();
    }
  
  function down(){
    flydown(); 
    currentpos["x"] -= 1;
    showMap();
    }
  
  function right(){
    flyright();
    
    currentpos["y_down"] += 4;
    currentpos["y_up"] += 4;
    
    
    showMap();
    }
  
  function left(){
    flyleft(); 
    
    currentpos["y_down"] -= 4;
    currentpos["y_up"] -= 4;
    showMap();
    }
    
function isImageOk(img) {
    if (!img.complete) {
        return false;
    }
    return true;
}