$().ready( function(){
	if($('#hscode').length){
		$('#hscode').hide();
		if($('#hsinfo').length == 0){
			$('#hscode').after("<div id='hsinfo'></div>");
			$('#hsinfo').append("State (2 letter abbr): <input type='text' id='hsstate' size='2'/><br />");
			$('#hsinfo').append("City: <select id='hscity'><option>Choose State</option></select><br />");
			$('#hsinfo').append("School: <select id='hsschool'><option>Choose City</option></select><br />");
			//$('#hsstate').val($('#state').val());
			$('#hsstate').keyup(function(){
				if($(this).val().length == 2){
					$('.loading').remove();
					$(this).after("<span class='loading'>&nbsp;</span>");
					$.getJSON('ajax.php', {f: 'getCities', state: $(this).val()}, function(data){
						$('#hscity').empty();
						$('#hsschool').empty();
						$('#hsschool').append('<option>Choose City</option>');
						$.each(data, function(i, item){
							$('#hscity').append('<option>' + item + '</option>');
						});
						$('.loading').remove();
					});
				} else {
					$('#hscity').empty();
					$('#hscity').append('<option>Choose State</option>');
					$('#hsschool').empty();
					$('#hsschool').append('<option>Choose City</option>');
				}
			});

			$('#hscity').change(function(){
				$('.loading').remove();
				$(this).after("<span class='loading'>&nbsp;</span>");
				$.getJSON('ajax.php', {f: 'getSchools', state: $('#hsstate').val(), city: $(this).val()}, function(data){
					$('#hsschool').empty();
					$.each(data, function(i, item){
						$('#hsschool').append("<option value='" + item[0] + "'>" + item[1] + "</option>");
					});
					$('.loading').remove();
				});
			});

			$('#hsschool').change(function(){
				$('#hscode').val($(this).val());
			});
		}
	}
});