// JavaScript Document
$(function(){
	$("select#location").change(function(){
		$.getJSON("select.php",{id: $(this).val()}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("#region").removeAttr("disabled"); 
			$("#cafe").attr("disabled", 'disabled');
			$("#region").html(options);
			$('#region option:first').attr('selected', 'selected');
		})
	})			
	$("select#region").change(function(){
		$.getJSON("select.php",{id: $(this).val()}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("#cafe").removeAttr("disabled"); 
			$("#cafe").html(options);
			$('#cafe option:first').attr('selected', 'selected');
		})
	})			
})