var progress=0;
var prog_request;
var test_request;
var TheUrl;
var theWhat;
var City;
var State;
var response;
var responses;
var theCookie;
var TheState;

function createRequest()
{ //creates the object for mozilla/ie respectively
	var requester;
	try{
	 var requester = new XMLHttpRequest();
	}
	catch (error){
	 try{
	   var requester = new ActiveXObject("Microsoft.XMLHTTP");
	 }
	 catch (error){
	   return false;
	 }
	}
	return requester;
}

function sendRequest(TheUrl)
{
    test_request = createRequest();
    test_request.onreadystatechange = handleResponse;
    test_request.open('GET', TheUrl); //process stuff on the backend
    test_request.send(null);//'arg1=val1&arg2=val2&arg3=val3'
}
function handleCity()
{//when you get a response back do whatever you want with them
  if(test_request.readyState == 4)
  {
    var response = test_request.responseText;
    if(response != ""){
	   	document.getElementById('zip_div').innerHTML = response;
    }
  }
}
function handleState()
{//when you get a response back do whatever you want with them
  if(test_request.readyState == 4)
  {
    var response = test_request.responseText;
    if(response != ""){
	   	document.getElementById('cities_div').innerHTML = response;
    }
  }
}

function change_state(State)
{
	TheState = State;
    test_request = createRequest();
    test_request.onreadystatechange = handleState;
    test_request.open('GET', "ajax.php?state=" + State); //process stuff on the backend
    test_request.send(null);//'arg1=val1&arg2=val2&arg3=val3'
}
function change_city(City)
{
    test_request = createRequest();
    test_request.onreadystatechange = handleCity;
    test_request.open('GET', "ajax.php?city=" + City + "&st=" + TheState ); //process stuff on the backend
    test_request.send(null);//'arg1=val1&arg2=val2&arg3=val3'
}