/**
 * Surf Forecast Ajax Select Menus
 */
$(document).ready(function() {
	// Set menu items on change
	$('select#region').change(function() {
		$.get('/jsmenus_json.php', {js_region: $(this).val()},
			function(response) {
		    	var data = eval('(' + response + ')');
		    	// Clear Sub Area Options
		    	$('select#sub_area').removeOption(/./);
		    	
		    	// Populate Sub Area Options
		    	$('select#sub_area').addOption('', 'Sub-Area:');
		    	for (elm in data) {
		    		$('select#sub_area').addOption(elm, data[elm].label, false);
		    	}
		    	
		    	// Clear Local Area Options
		    	$('select#location').removeOption(/./);
		    	$('select#location').addOption('', 'Select Sub Area');
			}
		), 'json'
	});
	
	$('select#sub_area').change(function() {
		$.get('/jsmenus_json.php', {sub_area: $(this).val()},
			function(response) {
				var data = eval('(' + response + ')');
		    	// Clear Local Area Options
		    	$('select#location').removeOption(/./);
		    	
		    	// Populate Local Area
		    	$('select#location').addOption('', 'Forecast:');
		    	for (elm in data) {
		    		$('select#location').addOption(elm, data[elm].label, false);
		    	}
			}
		);
	});
});