var popupdiv = new PopupWindow("popupdiv");
			popupdiv.offsetX=0;
			popupdiv.offsetY=20;
			popupdiv.autoHide();
			var cityInput=null;
			var cityCode=null;
			var inputdiv=null;
			var inputdiv1=null;
			var cityIndex=0;//城市控件鼠标操作选中的位置
document.writeln("<div id='popupdiv' name='popupdiv' style='display: none; height: 200px; width: 140px; overflow: auto; POSITION: absolute; BACKGROUND-COLOR: #E6F8FE; float: right; z-index:888'></div>" );
document.writeln("<div id='cityenvelopdiv'  style='display:none;height: 200px; width: 140px;position:absolute; overflow:auto; z-index:777;'><IFRAME id='envelopifame' height='200px' width='140px'></IFRAME></div>" );


//显示城市 选择第一个
function  showPopupAndSelectFirst(str,obj)
{
popupdiv.refresh();	  
popupdiv.populate(str);
popupdiv.showPopup(obj);
if(document.getElementById("tr0")!=null){
	cityIndex=0;
	actionEvent("tr0","mouseover");
	document.getElementById("popupdiv").scrollTop=cityIndex*15;
}
 //for mouse click position
	var positionX = getElementRect(document.getElementById("popupdiv")).left;
	var positionY = getElementRect(document.getElementById("popupdiv")).top;
	
	//show envelop mycalendar div
	var mycalendarenvelopdiv = document.getElementById("cityenvelopdiv");
	mycalendarenvelopdiv.style.left = positionX+'px';
	mycalendarenvelopdiv.style.top = positionY+'px';
	mycalendarenvelopdiv.style.display = "block";  


}
//关闭窗口
function closecity()
{
	document.getElementById("popupdiv").style.display = "none";
	document.getElementById("cityenvelopdiv").style.display = "none";
//alert("aa");
}
var language="zh_CN";
//单击城市控件时，列出热门城市
function displayHotCitysAir(obj,inputdiv1){
//alert("aa");
				cityInput=obj; 
				inputdiv=inputdiv1;
				if(obj==document.internalTicketQueryForm.startCity)
					cityCode=document.internalTicketQueryForm.startCityCode;
				else if(obj==document.internalTicketQueryForm.ariveCity)
					cityCode=document.internalTicketQueryForm.ariveCityCode;
				else if(obj==document.internalTicketQueryForm.secondReturnCity)
					cityCode=document.internalTicketQueryForm.secondReturnCityCode;
				else if(obj==document.internalTicketQueryForm.deliveryCity)
					cityCode=document.internalTicketQueryForm.deliveryCityCode;

//按照 城市名，三字码，拼音排列
var hotCitys="";
if(language=="en_US"){
	hotCitys="BEIJING|PEK|北京#SHANGHAI|SHA|上海#GUANGZHOU|CAN|广州#SHENZHEN|SZX|深圳#HANGZHOU|HGH|杭州#NANJING|NKG|南京#CHENGDU|CTU|成都#QINGDAO|TAO|青岛#WUHAN|WUH|武汉#XIAMEN|XMN|厦门#DALIAN|DLC|大连";
}else{
	hotCitys="北京|PEK|BEIJING#上海|SHA|SHANGHAI#广州|CAN|GUANGZHOU#深圳|SZX|SHENZHEN#杭州|HGH|HANGZHOU#南京|NKG|NANJING#成都|CTU|CHENGDU#青岛|TAO|QINGDAN#武汉|WUH|WUHAN#厦门|XMN|XIAMEN#大连|DLC|DALIAN";
}

var citys=hotCitys.split("#");

 var str="<table id='citys'  width='100%'>";
	       for (var i=0;i< citys.length;i++) {
	       //alert(citys[i]);
	       var message=citys[i].split("|");     
	        var name=message[0];
	        var code=message[1];
	        var spell=message[2];
	        str+=" <tr id='tr"+i+"' width='100%'  style=\"cursor:hand\" onclick=\"getTextsInput( '"+name+" ','"+code+"')\" onmouseover=\"this.className='autoComplete_selectedStyle'\" onmouseout=\"this.className=''\"  ><td width='42%'>"+name+"</td><td width='58%'>"+spell+"</td></tr>";
	       
	       }
	       str+="</table>";	   
	      //alert(str);
	   showPopupAndSelectFirst(str,inputdiv);
	  /*    
	
	popupdiv.refresh();	         
				popupdiv.populate(str);
				
				popupdiv.showPopup(inputdiv);
				
if(document.getElementById("tr0")!=null){
	cityIndex=0;
	actionEvent("tr0","mouseover");
	document.getElementById("popupdiv").scrollTop=cityIndex*15;
}		
	
	*/
}
			
			function getTexts(obj,inputdiv1,e,language) {
				var dispopupdiv=document.getElementById("popupdiv");
				dispopupdiv.style.display="";
				
				cityInput=obj;
				inputdiv=inputdiv1;
				if(obj==document.internalTicketQueryForm.startCity)
					cityCode=document.internalTicketQueryForm.startCityCode;
				else if(obj==document.internalTicketQueryForm.ariveCity)
					cityCode=document.internalTicketQueryForm.ariveCityCode;
				else if(obj==document.internalTicketQueryForm.secondReturnCity)
					cityCode=document.internalTicketQueryForm.secondReturnCityCode;
				else if(obj==document.internalTicketQueryForm.deliveryCity)
					cityCode=document.internalTicketQueryForm.deliveryCityCode;
					
				var city=obj.value;
				
				var key = window.event?e.keyCode:e.which;
                if(key!=40&&key!=38&&key!=13){
				ProvinceCityService.findAllCity(city,city, callback);
				}
			}
//ie ff 激活事件	
	function actionEvent(objId,eventName){
if(window.navigator.userAgent.indexOf("MSIE")>0){
     document.getElementById(objId).fireEvent("on"+eventName);
    }
   if(navigator.userAgent.indexOf("Firefox")>0){   	
    var evt = document.createEvent("MouseEvents");
    evt.initEvent(eventName, true, true);
    document.getElementById(objId).dispatchEvent(evt);  
   }
}

			function callback(message) {
	       		var str="<table id='citys'>";
	       		
		        for (var i=0;i< message.length;i++) {
		        var id= message[i].id;
		        var name=message[i].name;
		        var code=message[i].code;
		        var spell=message[i].spell;	 	
				if(language=="en_US"){
		        str+=" <tr id='tr"+i+"' onKeypress='selectNextOrPre(event,"+i+")' style=\"cursor:pointer\" onmouseover=\"this.className='autoComplete_selectedStyle'\" onmouseout=\"this.className=''\" onClick=\"getTextsInput( '"+spell+"','"+code+"')\"  ><td width='42%' style='white-space:nowrap'> "+spell+" </td><td width='58%' style='white-space:nowrap'> "+name+"</td></tr>";
				}else{
					str+=" <tr id='tr"+i+"' onKeypress='selectNextOrPre(event,"+i+")' style=\"cursor:pointer\" onmouseover=\"this.className='autoComplete_selectedStyle'\" onmouseout=\"this.className=''\" onClick=\"getTextsInput( '"+name+"','"+code+"')\"  ><td width='42%' style='white-space:nowrap'> "+name+" </td><td width='58%' style='white-space:nowrap'> "+spell+"</td></tr>";
				}
	        	}
	        	
		        str+="</table>";
		         showPopupAndSelectFirst(str,inputdiv);
				/*popupdiv.refresh();	         
				popupdiv.populate(str);
				//影藏下拉框(IE6)
				var mypassengerType=document.getElementById("passengerType");
				var myno=document.getElementById("no");
				mypassengerType.style.visibility ="hidden";
				myno.style.visibility ="hidden";
				
				popupdiv.showPopup(inputdiv);
				
				if(document.getElementById("tr0")!=null){
               	cityIndex=0;
	            actionEvent("tr0","mouseover");
	            document.getElementById("popupdiv").scrollTop=cityIndex*15;
                  }
 */
				
			}
	        
	//城市选择要支持通过上、下箭头选择
function selectNextOrPre(e){
	var key = window.event?e.keyCode:e.which;
	//向下
	if(key==40&&document.getElementById("tr"+cityIndex)!=null){
		actionEvent("tr"+cityIndex,"mouseout");
	     cityIndex+=1;
	    
	   if(cityIndex>=8){
	  document.getElementById("popupdiv").scrollTop=cityIndex*15;
	   }     
	  if(document.getElementById("tr"+cityIndex)!=null){
	  	actionEvent("tr"+cityIndex,"mouseover");
	  
	  }else{
	  	cityIndex-=1;
	  	actionEvent("tr"+cityIndex,"mouseover");	  
	  }
	}
	  //向上
	if(key==38&&document.getElementById("tr"+cityIndex)!=null){
		actionEvent("tr"+cityIndex,"mouseout");

	cityIndex-=1;
	
	 document.getElementById("popupdiv").scrollTop=cityIndex*15;
	
	  if(document.getElementById("tr"+cityIndex)!=null){
	  	actionEvent("tr"+cityIndex,"mouseover");
	
	  }else{
	  	cityIndex+=1;
	  	actionEvent("tr"+cityIndex,"mouseover");
	  }	
    }
    //回车选中   
    if(key==13&&document.getElementById("tr"+cityIndex)!=null){
        actionEvent("tr"+cityIndex,"click");
		var obj = e.srcElement? e.srcElement : e.target;
		obj.blur();
	  }
    
     

}

         
	        
	        
	        
			function getTextsInput(nameVal ,codeVal) {
				cityInput.value = nameVal;
				cityCode.value=codeVal;
				
				closecity();
				/*
				popupdiv.hidePopup();
				
				//显示下拉框(IE6)
    			document.getElementById("passengerType").style.visibility ="visible";
    			document.getElementById("no").style.visibility="visible";
		*/
		
			}
			
			//点击窗体的任意位置显示下拉列表(IE6)
			/*document.onclick=displaySelectBox;
			function displaySelectBox(){
			    document.getElementById("passengerType").style.visibility ="visible";
    			document.getElementById("no").style.visibility="visible";
			}
			*/