data.chinahighlights.com/js/ajaxsuggest.js

// JavaScript Document
$(function(){
	$("#startCode1Text").blur(function(){
		if($("#search_city_from").html()!=null){
			$("#startCode1").val($("#search_city_from > div").attr("title"));}
		});
	});

var searchReq = createXMLHttpRequest();
var tt='';
var rr=0;
function searchCity_From(){
	if (searchReq.readyState==4||searchReq.readyState==0){
		var str=escape(document.getElementById('erf_overview_cityname').value);
		if (str.length>=1){
		searchReq.open("GET",'ajax-getcity.asp?search='+str,true);		
		searchReq.onreadystatechange=handlesearchCity_From;
		searchReq.send(null);
		}
	}
}

function handlesearchCity_From(){
	if (searchReq.readyState==4){
		var obj=document.getElementById('search_city_from')
		obj.innerHTML='';
		obj.style.display="";
		var strR=searchReq.responseText;
		var StrRR = new Array();
		strRR = strR.split("|");
		var sarray1=new Array(); 
		var sarray2=new Array(); 
		sarray1=strRR[0].split("/");
		sarray2=strRR[1].split("/")
		for (i=0;i<sarray1.length-1;i++){
			var suggest1='<div onmouseover="javascript:suggestOver_From(this);"';
			suggest1+='onmouseout="javascript:suggestOut_From(this);"';
			suggest1+='onclick="javascript:setsearchCity_FromName(this.innerHTML,this.title);"';
			suggest1+='class="suggestLink" title='+sarray2[i]+'>'+sarray1[i]+'</div>';
			obj.innerHTML+=suggest1;
		}
		
	}
}

function setsearchCity_From(div_value){
	var obj=document.getElementById('erf_overview_cityname');	
	obj.value=div_value;
	obj=document.getElementById('search_city_from');
	obj.style.display="none";
}

function searchReview_From(t,r){
	tt=t;
    rr=r;
	if (searchReq.readyState==4||searchReq.readyState==0){
		var str=escape(document.getElementById('erf_'+t+'_'+r+'_name').value);
		if (str.length>=1){
			var servicetype=escape(document.getElementById('erf_'+t+'_'+r+'_servicetype').value);
		    var cityid=escape(document.getElementById('erf_overview_cityid').value);
		    var url='searchReview_From.asp?cityId='+cityid+'&servicetype='+servicetype+'&search='+str;
		    //var obj=$ID("erf_url");
	        //obj.innerHTML=url; 
		    searchReq.open("GET",url,true);		
		    searchReq.onreadystatechange=handlesearchReview_From_From;
		    searchReq.send(null);
		}
	}
}
function handlesearchReview_From_From(){
	if (searchReq.readyState==4){
		var obj=document.getElementById('search_'+tt+'_'+rr+'_name')
		obj.innerHTML='';
		obj.style.display="";
		var strR=searchReq.responseText;
		var StrRR = new Array();
		strRR = strR.split("|");
		var sarray1=new Array(); 
		var sarray2=new Array(); 
		sarray1=strRR[0].split("/");
		sarray2=strRR[1].split("/")
		for (i=0;i<sarray1.length-1;i++){
			var suggest1='<div onmouseover="javascript:suggestOver_From(this);"';
			suggest1+='onmouseout="javascript:suggestOut_From(this);"';
			suggest1+='onclick="javascript:setsearchCity_FromName(this.innerHTML,this.title);"';
			suggest1+='class="suggestLink" title='+sarray2[i]+'>'+sarray1[i]+'</div>';
			obj.innerHTML+=suggest1;
		}
		
	}
}

function setsearchReview_From_From(div_value,t,r){
	var obj=document.getElementById('erf_'+t+'_'+r+'_name');	
	obj.value=div_value;
	obj=document.getElementById('search_'+t+'_'+r+'_name');
	obj.style.display="none";
}

function suggestOver_From(div_value){
	div_value.className='suggestLinkOver';
}
function suggestOut_From(div_value){
	div_value.className='suggestLink';
}

function searchCity_FromName(){
	if (searchReq.readyState==4||searchReq.readyState==0){
		var str=escape(document.getElementById('startCode1Text').value);
		if (str.length>=1){
		searchReq.open("GET",'ajax-getcity.asp?search='+str,true);	
		//alert(searchReq.readyState);
		//alert('ajax-getcity.asp?search='+str);
		//alert(searchReq.responseText);
		searchReq.onreadystatechange=handlesearchCity_FromName;
		searchReq.send(null);
		}
	}
}

function handlesearchCity_FromName(){
	if (searchReq.readyState==4){
		//alert(searchReq.readyState);
		var obj=document.getElementById('search_city_from')
		//alert(searchReq.status);
		obj.innerHTML='';
		obj.style.display="";
		var strR=searchReq.responseText;
		var StrRR = new Array();
		strRR = strR.split("|");
		var sarray1=new Array(); 
		var sarray2=new Array(); 
		sarray1=strRR[0].split("/");
		sarray2=strRR[1].split("/")
		for (i=0;i<sarray1.length-1;i++){
			var suggest1='<div onmouseover="javascript:suggestOver_From(this);"';
			suggest1+='onmouseout="javascript:suggestOut_From(this);"';
			suggest1+='onclick="javascript:setsearchCity_FromName(this.innerHTML,this.title);"';
			suggest1+='class="suggestLink" title='+sarray2[i]+'>'+sarray1[i]+'</div>';
			obj.innerHTML+=suggest1;
		}
		
	}
}

function setsearchCity_FromName(div_value,div_code){
	var obj=document.getElementById('startCode1Text');	
	obj.value=div_value;
	document.getElementById("startCode1").value = div_code;
	obj=document.getElementById('search_city_from');
	obj.style.display="none";
}