function attachChange(element){
	element.onchange=function(){
		sendSuggest(element);
	}
}

function fillCity(){
	var el=document.getElementById("cities");
	el.onchange=function(){
		var field=document.getElementById("lookCity");
		field.value=this.value;
	}
}

function fillList(){
		var box=document.getElementById('suggestCity');
			box.style.display="block";
			var newCities=new Array();
			for(i=0;i<cities.length;i++){
				newCities[newCities.length]=cities[i];
			}
			var inside="<span style=\"font-size:.85em;\">City Suggestions</span><br /><select id=\"cities\" name=\"cities\" size=\"5\" style=\"width:200px;\">";
			for(i=0;i<newCities.length;i++){
				inside+="<option value=\""+newCities[i]+"\">"+newCities[i]+"</option>";
			}
			inside+="</select>";
			box.innerHTML="";
			box.innerHTML=inside;
			fillMe();
			fillCity();
}

function findCity(){

}

function hideElements(element){
	element.style.display = "none";
}

function figureCity(){
	var field = document.getElementById('lookState');
	if(field.value!=""){
		var content = field.value;
		var rand = Math.floor(Math.random()*1000);
		suggestMe("suggestMe.php?state="+content+"&id="+rand);
	}
}
function sendSuggest(element){
	var content = element.value;
	var rand = Math.floor(Math.random()*1000);
	suggestMe("suggestMe.php?state="+content+"&id="+rand);
	return false;
}




function fillMe(){
	var el=document.getElementById('suggestCity');
	var links=document.getElementById('suggestCity').getElementsByTagName('a');
	for(i=0;i!=links.length;i++) {
		links[i].onclick=function(){
			var field=document.getElementById('lookCity');
			field.value=this.innerHTML;
			el.style.display="none";
		}
	}
}



function getHTTPObject() { var xmlhttp; /*@cc_on @if (@_jscript_version >= 5) try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } @else xmlhttp = false; @end @*/  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') { try { xmlhttp = new XMLHttpRequest(); } catch (e) { xmlhttp = false; } } return xmlhttp; } var http = getHTTPObject(); // We create the HTTP Object 

function suggestMe(url){
	if(isBusy){
		http.abort();
	}
	 http.open("GET", url, true); isBusy = true; http.onreadystatechange = handleMe; http.send(null);
}
function handleMe(){
	http.onreadystatechange=function(){
		if (http.readyState == 4){
				isBusy = false;
				cities=new Array();
				cities=http.responseText.split("|");
				fillList();
		}
	}
}