var request;

function GetXmlHttpObject() {
    var request=null;
    try {
        request=new XMLHttpRequest();
    } catch (e) {
        try {
            request=new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            request=new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return request;
}

function fill_cities() {
    request = GetXmlHttpObject();
    if (request==null) {
      alert ("Your browser does not support AJAX!");
      return;
    }

    var url = "http://www.rateatemp.com/get_cities.php?state=";
    var len = document.browse_form.state.length;  

    for (i = 0; i < len; i++) {
        if (document.browse_form.state[i].selected) {
            url += document.browse_form.state[i].value;
        }
    }
    request.open("GET", url, true);
    request.onreadystatechange = updatepage;
    request.send(null);
}

function updatepage() {
    if (request.readyState == 4) {
        if (request.status == 200) {
            var response = request.responseText.split("|");
            var cities;
            var city_element = document.getElementById("city");
    
            city_element.options.length = 1;
            for (x=0; x<response.length; x++) {
    	        cities = response[x].split(":");
    	        city_element.options[city_element.options.length] = new Option(cities[0],cities[1]);
            }
        } else if (request.status == 404) {
            alert("Request URL does not exist");
        } else {
            alert("Error: status code is " + request.status);
        }
    }
}