var request = false;
var req = false;

    if(typeof window.ActiveXObject != 'undefined')
    {
        request = new ActiveXObject("Microsoft.XMLHTTP");
		req = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else
    {  
        request = new XMLHttpRequest();
		req = new XMLHttpRequest();
    }

function fillSelect(kraj) {
var url = "../ajax.php?kraj=" + escape(kraj);
request.open("GET", url, true);
request.onreadystatechange = go;
request.send(null);

var url = "../ajax-val.php?kraj=" + escape(kraj);
req.open("GET", url, true);
req.onreadystatechange = go;
req.send(null);
}


function go() {
if (request.readyState == 4 && req.readyState == 4) {
if (request.status == 200 && req.status == 200) {

var response = request.responseText;
var resp = req.responseText;

var list=document.getElementById("okres");
var cities=response.split('|');
var hodnoty=resp.split('_');
 
for (i=1; i<cities.length; i++) {
   var x=document.createElement('option');
   	   x.setAttribute('value', hodnoty[i]); 
	 
   var y=document.createTextNode(cities[i]);
   x.appendChild(y);
   list.appendChild(x);
   }
   
  }
 }
 
 
}//ukonceni fce

function initCs() {
var kraj=document.getElementById('kraj');
kraj.onchange=function() {
 if(this.value!="") {
  var list=document.getElementById("okres");
  while (list.childNodes[0]) {
  list.removeChild(list.childNodes[0])
 }
  fillSelect(this.value);
  }
 }
 fillSelect(kraj.value);
}


window.onload=initCs;