$(document).ready(function(){
	$('#zone').bind('change', function(e){
		$('#subzone').attr('disabled', 'disabled');
		$.getJSON(HOST + 'php/JSON_getSubzonesFromZoneId.php', {'zone': $(this).val()}, function(data, result){
			$('#subzone option').remove();
			if (result == 'success' && (data[0])) {
				for (var i in data)
					$('#subzone').append('<option value = "'+i+'">'+data[i]+'</option>');
				$('#subzone').removeAttr('disabled');
			} else {
				$('#subzone').append("Unable to load.");
			}
		});
	});
	$('#city').bind('change', function(e){
		$('#zone').attr('disabled', 'disabled');
		$.getJSON(HOST + 'php/JSON_getZonesFromCityId.php', {'city': $(this).val()}, function(data, result){
			$('#zone option').remove();
			$('#subzone option').remove();
			$('#subzone').append('<option>Choose a subzone</option>');
			if (result == 'success' && (data[0])) {
				for (var i in data)
					$('#zone').append('<option value = "'+i+'">'+data[i]+'</option>');
				$('#zone').removeAttr('disabled');
			} else {
				$('#zone').append("Unable to load.");
			}
		});
	});
});