// Initialization
$().ready(function() {
			
	$("#searchParameters").autocomplete("/autocomplete/autocompleteServices.php", {
	width: 350,
	selectFirst: false,
	minChars: 2,
	multiple: false,
	mustMatch: true,
	autoFill: false,
	formatItem: function(item) {
   			
   		return WorkAreaLibrary.urlDecode(item[0]);
 		},
 		formatResult: function(item) {
		return WorkAreaLibrary.urlDecode(item[0]);
	}
	}).result(function(event, item) {
	 	if(item){
	 		$("#searchParameters").val(WorkAreaLibrary.urlDecode(item[0]));
	 	}
	});
	
	
});

// -------------------------------------------------------------------
// retrieveBoroughs()
//  This function retrieves the boroughs for the selected city
// -------------------------------------------------------------------
function retrieveBoroughs(){
	var citySelected = getElement("city");
				
	// Adds loading gif
	getElement("boroughListContainer").innerHTML 
		= '<img src="images/loader.gif" />';
	
	// Builds parameters	
	var parameters = "city=" + citySelected.value;

	// Invokes ajax routine
	$.getJSON(
		"database/retrieveBoroughs.php",
		parameters,
		function(data){
			handleRetrieveBoroughsResponse(data);
		});
}

// -------------------------------------------------------------------
// handleRetrieveBoroughsResponse(data)
//  Process the ajax call that is executed when a city is selected
// -------------------------------------------------------------------
function handleRetrieveBoroughsResponse(data){
   
	var response = data;

	// Adds select object
	getElement("boroughListContainer").innerHTML 
		= '<select id="borough" name="borough" class="input_1" style="width: 260px;"></select>';

  	// Loads new options
  	for(var i=0; i < response.borough.length; i++){
	  	WorkAreaLibrary.addSelectOption(
	  		getElement("borough"), 
	  		response.borough[i].value, 
	  		WorkAreaLibrary.urlDecode(response.borough[i].text)
	  		);
  	}
  	
}