var xmlHttp = createXmlHttpRequestObject(); 
var up; var down; var left; var right;
function createXmlHttpRequestObject() {    
  var xmlHttp;
  if(window.ActiveXObject){try{xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}
    catch (e){xmlHttp = false;}}else{try{xmlHttp = new XMLHttpRequest();}
    catch (e){xmlHttp = false;}}
  if(!xmlHttp){alert("Error creating the XMLHttpRequest object.");}else {return xmlHttp;}
}

xmlHttp.onreadystatechange = readData;

function process(){
  if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0){
    xmlHttp.open("GET", "konekt.php?up=" + up + "&down=" + down + "&left=" + left + "&right=" + right, true);  
    xmlHttp.send(null);
    up=0; down=0; left=0; right=0;
  }
}


function readData(){
 if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
  xmlResponse = xmlHttp.responseXML;
  xmlRoot = xmlResponse.documentElement;  
  var mapa = xmlRoot.getElementsByTagName("map")[0].firstChild.data;
  var players = xmlRoot.getElementsByTagName("players")[0].firstChild.data;
  document.getElementById("one").innerHTML = mapa;
  document.getElementById("igrok").innerHTML = players;
  document.getElementById("imgaup").onclick = function(){up=1};
  document.getElementById("imagadown").onclick = function(){down=1};
  document.getElementById("imagaright").onclick = function(){right=1};
  document.getElementById("imagaleft").onclick = function(){left=1};
  }
}

setInterval(function(){if (up||down||left||right) process()},200);