function getXMLHttp()
{
  var xmlHttp;

  try
  {
    //Firefox, Opera 8.0+, Safari
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    //Internet Explorer
    try
    {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
      try
      {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e)
      {
        alert("Your browser does not support AJAX!")
        return false;
      }
    }
  }
  return xmlHttp;
}

function MakeRequest()
{
  var xmlHttp = getXMLHttp();
  var rand = Math.random()*999;
  var url="podatki.php?rand="+rand;
  xmlHttp.onreadystatechange = function()
  {
	if(xmlHttp.readyState==1)
	{
   document.getElementById('razmere-temp').innerHTML="<p>Temperatura: ni podatka</p>";
   document.getElementById('razmere-vlaznost').innerHTML = "<p>Vla&#382;nost: ni podatka</p>";
   document.getElementById('razmere-smervetra').innerHTML = "<p>Smer vetra: ni podatka</p>";
   document.getElementById('razmere-hitrostvetra').innerHTML = "<p>Hitrost vetra: ni podatka</p>";  
	}
  
    if(xmlHttp.readyState == 4)
    {
      HandleResponse(xmlHttp.responseText);
    }
  }
  xmlHttp.open("GET",url,true); 
  xmlHttp.send(null);
}

function HandleResponse(response)
{
  responsearray = response.split("|");
  t = responsearray[0].split(" ");
  v1 = responsearray[2].substr(0,4);
  v2 = responsearray[2].substr(5,8);
  document.getElementById('razmere-temp').innerHTML = "<p>Temperatura: "+t[0]+"&deg;C</p>";
  document.getElementById('razmere-vlaznost').innerHTML = "<p>Vla&#382;nost: "+responsearray[1]+"</p>";
  document.getElementById('razmere-smervetra').innerHTML = "<p>Smer vetra: "+v1+"</p>";
  document.getElementById('razmere-hitrostvetra').innerHTML = "<p>Hitrost vetra: "+v2+"</p>";  
}
