			function stateSelected() {
				document.getElementById("stateSelector").className = 'stateSelector inactive';
				document.getElementById("cityStartCharacterSelector").className = 'cityStartCharacterSelector';
				document.getElementById("citySelector").className = 'citySelector inactive';
				
				selectedStateId = document.getElementById("stateSelectorInputField").value;
				
				if(selectedStateId==0) {
					selectedStateId = false;
					document.getElementById("stateSelector").className = 'stateSelector';
					document.getElementById("cityStartCharacterSelector").className = 'cityStartCharacterSelector inactive';
					document.getElementById("citySelector").className = 'citySelector inactive';					
				}
			}
			
			function characterSelected(indexCharacter) {
				if(indexCharacter && selectedStateId) {
					var output = new Object();
					output.state = selectedStateId;
					output.character = indexCharacter;
					
					outputString = JSONstring.make(output);
				}
				
				jsonPostData('json/geoData/getCitiesByLeadingCharacter.php', escape(outputString), 'displayCities');	
			}
			
			function displayCities(Object) {
				if(Object) {
					if(Object["status"]) {
						if(Object["status"]=='ok') {
							if(Object["cities"]) {
								cityHtmlString = '<select name="citySelectorInputField" id="citySelectorInputField" onChange="citySelected()" class="citySelectorInputField"><option value="0">Bitte ausw&auml;hlen...</option>';
								for(cityCnt=0; cityCnt < Object["cities"].length; cityCnt++) {
									cityHtmlString = cityHtmlString + '<option value="' + Object["cities"][cityCnt]["Name"] + '">' + Object["cities"][cityCnt]["Name"] + '</option>';
								}
								cityHtmlString = cityHtmlString + '</select>';
								
								document.getElementById("citySelectorBox").innerHTML = cityHtmlString;
							}
						}
					}
				}
				
				document.getElementById("stateSelector").className = 'stateSelector inactive';
				document.getElementById("cityStartCharacterSelector").className = 'cityStartCharacterSelector inactive';
				document.getElementById("citySelector").className = 'citySelector';				
			}