// JavaScript Document

/* The variable http will hold our new XMLHttpRequest object. */
var httpC = createRequestObject();

/* Function called to get the product categories list */
function getCities(lastCity){
	/* Create the request. The first argument to the open function is the method (POST/GET),
		and the second argument is the url... 
		document contains references to all items on the page
		We can reference document.form_category_select.select_category_select and we will 		
		be referencing the dropdown list. The selectedIndex property will give us the 
		index of the selected item. 
	*/
	
	var currCity="";
	if (lastCity!='') currCity="&l="+lastCity;
	var theCountry=document.getElementById('searchcountry');
	var theRegion=document.getElementById('searchregion');
	httpC.open('get', '/Scripts/getCities.php?qc='+ theCountry.value+'&qr='+ theRegion.options[theRegion.selectedIndex].value + currCity);
	
//	httpC.open('get', '/Scripts/getCities.php?qc='+ theCountry.options[theCountry.selectedIndex].value+'&qr='+ theRegion.options[theRegion.selectedIndex].value + currCity);
	/* Define a function to call once a response has been received. This will be our
		handleProductCategories function that we define below. */
	httpC.onreadystatechange = handleCities; 
	/* Send the data. We use something other than null when we are sending using the POST
		method. */
	httpC.send(null);
}

/* Function called to handle the list that was returned from the internal_request.php file.. */
function handleCities(){
	/* Make sure that the transaction has finished. The XMLHttpRequest object 
		has a property called readyState with several states:
		0: Uninitialized
		1: Loading
		2: Loaded
		3: Interactive
		4: Finished */
	if(httpC.readyState == 4){ //Finished loading the response
		/* We have got the response from the server-side script,
			let's see just what it was. using the responseText property of 
			the XMLHttpRequest object. */
		var response = httpC.responseText;
		/* And now we want to change the product_categories <div> content.
			we do this using an ability to get/change the content of a page element 
			that we can find: innerHTML. */
		document.getElementById('citySel').innerHTML = response;
	}
}