$(document).ready(function() {
  	// hide elements we dont need
  	$("#searchButton").hide();
  	$("#results").hide();

  	$("#province").empty(); // remove all options
  	$("#productType").empty(); // remove all options
  
  	// add event handler to country
  	$("#country").change(function(){
  	
  		$.get("ws_locations.php", 
  			{ 'action': 'getProvinces', 'country': $(this).val()},
  			function(data){
  				$("#province").empty(); // remove all options
  				$("#productTypes").empty(); // remove all options
  				$("#province").append("<option value=\"0\">Choose One</option>").append(data);
  			}		
  		 );
  	
  	});
  	
  	// add event handler to provinces
  	$("#province").change(function(){
  		
  		$.get("ws_locations.php", 
  			{ 'action': 'getProductTypes', 'province': $(this).val()},
  			function(data){
  				
  				$("#productType").empty(); // remove all options
  				$("#productType").append("<option value=\"0\">Choose One</option>").append(data);
  			}		
  		 );
  	
  	});
  	
  	$("#productType").change(function(){
  		getListings();
  	});
  	
  	function getListings(){
  		$("#results").slideUp();
  		$.get("ws_locations.php", 
  			{ 'action': 'getResults', 'productType': $("#productType").val(), 'province': $("#province").val()},
  			function(data){
  				$("#resultListings").empty();
  				$("#resultListings").append(data);
  				$("#results").slideDown();
  			}		
  		 );
  	}
  
 });

