var completeDiv;
        var inputField;
        var hiddenField;
        var hiddenCity = "";
        var nameTable;
        var nameTableBody;
		var selectedIndex=-1; 
		var xusedByDriver;
		var airportvalue;
		var citycontrolname;
		var ishaveairport;
		var page;
		var totalPage;
		var the_names1;
		var isDisplayDiv=false;
		var isneedInit  = false;
		var isClickOrEnter = false;
		document.write("<style>.sman_selectedStyle{background-Color:red;color:#FFFFFF}</style>"); 
		document.write("<style>.cellStyle{cursor:hand;font-size:14px;color:blue}</style>");
		document.write("<style>.headStyle{font-size:12px}</style>");
		document.writeln("<link href='/cms5root/pages/cn/autocompleted/autocomplete.css' type='text/css' rel='stylesheet'>");
		//-------------------------chenchen start------------------------------------//		
		
		var d24hArr = new Array();
		d24hArr[0]=['1','北京','49','国贸店'];
		d24hArr[1]=['6','上海','790','陆家嘴店'];
		d24hArr[2]=['14','广州','452','客村店'];
		d24hArr[3]=['15','深圳','33','寰宇店'];
		d24hArr[4]=['8','杭州','500','火车城站店'];
		d24hArr[5]=['7','南京','51','江南店'];
		d24hArr[6]=['21','沈阳','90','北站店'];
		d24hArr[7]=['3','大连','82','五四路店'];
		d24hArr[8]=['25','哈尔滨','538','会展中心店']; // 会展店
		d24hArr[9]=['30','太原','102','府西店'];
		d24hArr[10]=['31','郑州','502','东大街店'];
		d24hArr[11]=['33','石家庄','471','河北体育馆店'];
		d24hArr[12]=['13','福州','530','福州省体店']; // 省体店
		d24hArr[13]=['18','厦门','64','高崎机场店'];
		d24hArr[14]=['16','海口','503','龙华店'];
		d24hArr[15]=['2','天津','535','天津体育中心店'];//体育中心店
		d24hArr[16]=['5','济南','451','文东店'];
		d24hArr[17]=['4','青岛','531','三百惠店'];
		d24hArr[18]=['20','武汉','86','新华店'];
		d24hArr[19]=['24','长沙','715','芙蓉南路店'];
		d24hArr[20]=['11','成都','515','汇融店'];
		d24hArr[21]=['12','重庆','46','力帆体育场店'];
		d24hArr[22]=['27','昆明','476','银海领域店'];
		d24hArr[23]=['22','西安','88','桃园店'];
		d24hArr[24]=['1','北京','513','首体店'];		


		function isDepartment24ById(cityId,departmentId)
		{
		  	for(var i=0;i<d24hArr.length;i++){		  	    
				if(d24hArr[i][0] == cityId && d24hArr[i][2] == departmentId){
				   return true;
				}				
			}
			return false;
			//return false;
		}

		
		function isDepartment24(cityname,department)
		{
		  	for(var i=0;i<d24hArr.length;i++){		  	    
				if(d24hArr[i][1] == cityname && d24hArr[i][2] == department){
				   return true;
				}				
			}
			return false;
			//return false;
		}
		
		function replayDepartment24(cityname,dep){
		  //  while(dep.options.length > 0) 
		//	{ 
		//	  depwhile.options[0] = null; 
		//	}
	
		   // alert(cityname+"----");
			dep.length = 0;			
			for(var i=0;i<d24hArr.length;i++){			
			  //  alert(d24hArr[i][1]+"aaa");
				if(d24hArr[i][1] == cityname){
				  var initOp = new Option(d24hArr[i][3],d24hArr[i][2]);
				  dep.options.add(initOp);
				  dep.options[0].selected = true;
				}				
			}
				   
		}
		
		
		//-------------------------chenchen end------------------------------------//

        function createXMLHttpRequest() {
			var xmlHttp;
            if (window.ActiveXObject) {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            else if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();
            }
            return xmlHttp;
        }

        function initVars(name,id,pop,name_table,name_table_body,xusedByDriverTemp,airportvaluetemp,_ishaveairport) {
        	isClickOrEnter = false;
			/*if(document.getElementById("search03") != undefined){
        	if(document.getElementById("search03").style.display==""){
        		hiddenCity = document.getElementById("comehomeCityid");
        	}else{
        		hiddenCity = "";
        		
        	}
        	}*/
            inputField = document.getElementById(name);
            xusedByDriver = xusedByDriverTemp;
            airportvalue =  airportvaluetemp;
            citycontrolname = name;
            ishaveairport = _ishaveairport;
            inputField.onblur=function(){ 
            	if(isDisplayDiv==false)
					completeDiv.style.display='none'; 
				else{
					if(isneedInit == true){
						completeDiv.style.display='none'; 
						isDisplayDiv = false;
					}
					else{
						completeDiv.style.display=''; 
						inputField.focus();
						isneedInit = true;
					}
				}
            	if(nameTableBody.innerHTML.indexOf("对不起找不到") != '-1')
            		inputField.value = "中文/拼音";
            	else{
            	//alert(nameTableBody.innerHTML);
            	//alert(isClickOrEnter);
            	//alert(isDisplayDiv);
            		if(nameTableBody.innerHTML != "" && isClickOrEnter == false && isDisplayDiv == false){
            			hiddenField.value = nameTableBody.childNodes[2].childNodes[0].innerHTML;
            			inputField.value = nameTableBody.childNodes[2].childNodes[2].innerHTML;
            		}
            	}
            	if(inputField.value  == "" || inputField.value  == "null")
            		inputField.value = "中文/拼音"; 
            		
            	
				if(inputField.value != "中文/拼音")
					selectCity_1();
				else{
					hiddenField.value = "";
					try{
						removeDep(inputField.id)
					}catch(e){
					}
				}
			} 
            inputField.onkeyup=function(e){ 
    			var evt=e||window.event; 
    			var nKeyCode=evt.which||evt.keyCode; 
    			if (nKeyCode==40||nKeyCode==38){
  					var isUp=false 
  					if(nKeyCode==40) 
  						isUp=true ;
  						 
  					chageSelection(isUp) 
				}else if (nKeyCode==13){
  					outSelection(selectedIndex); 
				}else{ 
  					findNames(1);
				} 
				setOffsets();

			} 
            inputField.onclick=findNames; 
			hiddenField = document.getElementById(id);
            nameTable = document.getElementById(name_table);
            completeDiv = document.getElementById(pop);
            nameTableBody = document.getElementById(name_table_body);
        }

  		function selectCity_1(){
  			if(hiddenField.value != 'null' && hiddenField.value != ''){
  				//if(inputField.id == "comehomeCityname"){
  					//document.getElementById("districtname").value ="";
  					//document.getElementById("districtid").value = "";
  				//}else{
  					//if(inputField.id == "returnCity03name")
  						//selectCity(hiddenField.value,2);
  					//else
  						//selectCity(hiddenField.value,1);
  						try{
  						if(inputField.id == "leasecityname" || inputField.id == "returnCityname"
  							|| inputField.id == "leaseCityName" || inputField.id == "returnCityName"){
  							selectCity(hiddenField.value,inputField.id);
  						}else if(inputField.id == "getAir_leasecityname" || inputField.id == "sendAir_leasecityname"){
  							selectAir(hiddenField.value,inputField.id);
  						}else if(inputField.id == "dayRent_leasecityname"){
  							initAddress(hiddenField.value,inputField.id);
  						}else if(inputField.id == "longTime_backcityname"){
  							selectLongCity(hiddenField.value,inputField.id);
  						}
  						
  						}catch(e){
  						}
  					//}
  			}
  		}
         function chageSelection(isUp){ 
			if(completeDiv.style.display=='none'){ 
				completeDiv.style.display=''; 
			}else{ 
			if(isUp)
  				selectedIndex++ 
			else
  				selectedIndex-- 
  			}
			var maxIndex = nameTableBody.childNodes.length-1; 
			if(selectedIndex<2){
				selectedIndex=maxIndex
			} 
			if(totalPage > 1){
				if(selectedIndex>=maxIndex){
					selectedIndex=2
				} 
			}else{
				if(selectedIndex>maxIndex){
					selectedIndex=2
				} 
			}
			for(intTmp=0;intTmp<=maxIndex;intTmp++){ 
				if(intTmp==selectedIndex){ 
  					nameTableBody.childNodes[intTmp].className = "rental";
				}else{ 
  					nameTableBody.childNodes[intTmp].className = "";
				} 
			} 
		} 
		function outSelection(Index){ 
			if(Index != 1){
				inputField.value = nameTableBody.childNodes[Index].childNodes[2].innerHTML; 
				hiddenField.value = nameTableBody.childNodes[Index].childNodes[0].innerHTML;
				isClickOrEnter = true;
				completeDiv.style.display='none'; 
				inputField.onblur();
			}
		} 
        function findNames(value) {
        	clearNames();
        	var row, cell;
        	row = document.createElement("tr");
			cell = document.createElement("td");
			cell.colSpan="3";
			cell.style.width = "186px";
			cell.className="choose_b";
			cell.appendChild(document.createTextNode("loading..."));
            row.appendChild(cell);
            nameTableBody.appendChild(row);
        	completeDiv.style.display=''; 
        	
        	var temp = value;
        	if(temp == undefined)
        		temp = 2;
        	isClickOrEnter = false;
			if(inputField.value == "中文/拼音")
				inputField.value = "";
			if(temp != 1)
				inputField.value = "";
        	var xmlHttp;
           // if (inputField.value.length > 0) {
            	setOffsets();
            	selectedIndex=2;
            	//clearNames();
                xmlHttp = createXMLHttpRequest();
                var url ;
                if(hiddenCity == "")
                	url = "/servlet/cn.uaa.CarIS.autocomplete.AutoCompleteServlet?cityname=" +encodeURI(inputField.value)+"&xusedByDriver="+xusedByDriver+"&airportvalue="+airportvalue+"&citycontrolname="+citycontrolname+"&ishaveairport="+ishaveairport;
                else{
                	if(inputField.id=="districtname")
                		url = "/servlet/cn.uaa.CarIS.autocomplete.AutoCompleteServlet?cityname=" +encodeURI(inputField.value)+"&cityid="+hiddenCity.value+"&xusedByDriver="+xusedByDriver+"&airportvalue="+airportvalue+"&citycontrolname="+citycontrolname+"&ishaveairport="+ishaveairport;
                	else
                		url = "/servlet/cn.uaa.CarIS.autocomplete.AutoCompleteServlet?cityname=" +encodeURI(inputField.value)+"&xusedByDriver="+xusedByDriver+"&airportvalue="+airportvalue+"&citycontrolname="+citycontrolname+"&ishaveairport="+ishaveairport;
                }

                xmlHttp.open("GET", url, true);
                xmlHttp.onreadystatechange = callback;
                //xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");    
                xmlHttp.setRequestHeader( "Content-Type", "text/html;charset=UTF-8" );            
                xmlHttp.send(null);
                completeDiv.style.display='';
            function callback() {
            	if (xmlHttp.readyState == 4) {
            	//alert("xmlHttp.status " + xmlHttp.status);
                	if (xmlHttp.status == 200) {
                		//var xmldoc=new ActiveXObject("Microsoft.XMLDOM");
						//xmldoc.async=false;
						//xmldoc.loadXML(xmlHttp.responseText);
						page = 1;
						the_names1=xmlHttp.responseXML.getElementsByTagName("item");
                    	setNames(page,xmlHttp.responseXML.getElementsByTagName("item"));
                	}else if (xmlHttp.status == 204){
                    	clearNames();
                	}
            	}
        	}
        }


 
        function setNames(page,the_names) {
        	clearNames();
            var size = the_names.length;
            //alert(size);
            totalPage = Math.ceil((size-1)/10);
            var row, cell, txtNode;
			var cityidtemp = the_names.item(size-1).childNodes.item(0).firstChild.nodeValue;
			if(cityidtemp == '-1'){
				row = document.createElement("tr");
				cell = document.createElement("td");
				cell.colSpan="3";
				cell.style.width = "186px";
				cell.className="choose_a";
			 	cell.appendChild(document.createTextNode(the_names.item(size-1).childNodes.item(2).firstChild.nodeValue));
                row.appendChild(cell);
                nameTableBody.appendChild(row);
                row = document.createElement("tr");
			    cell = document.createElement("td");
			    cell.colSpan="3";
			    cell.style.width = "186px";
			    cell.height="6px";
                row.appendChild(cell);
                nameTableBody.appendChild(row);
			}
			if(totalPage > 1){
				setdata(page,the_names);
				row = document.createElement("tr");
				row.onmouseout = function() {this.className='';};
                row.onmouseover = function() {this.className='rental';};
                if(page == totalPage){
					cell = document.createElement("td");
					cell.style.width = "186px";
					cell.colSpan="3";
					cell.align="left";
					//cell.className='rental3';
 					cell.innerHTML = "上一页";
 					cell.onclick = function() { upPage(this); } ;
 					cell.onmousedown= function() { upPage(this); } ;
					row.appendChild(cell);
				}else{
					if(page == 1){
						cell = document.createElement("td");
						cell.style.width = "186px";
						cell.colSpan="3";
						cell.align="right";
						cell.className='rental3';
 						cell.innerHTML = "下一页";
 						cell.onclick = function() { downPage(this); } ;
 						cell.onmousedown= function() { downPage(this); } ;
						row.appendChild(cell);
					}else{
						cell = document.createElement("td");
						cell.colSpan="1";
						cell.align="left";
						//cell.className='rental4';
 						cell.innerHTML = "上一页";
 						cell.onclick = function() { upPage(this); } ;
 						cell.onmousedown= function() { upPage(this); } ;
						row.appendChild(cell);
						
						cell = document.createElement("td");
						cell.colSpan="1";
						cell.align="right";
						//cell.className='rental4';
 						cell.innerHTML = "下一页";
 						cell.onclick = function() { downPage(this); } ;
 						cell.onmousedown= function() { downPage(this); } ;
						row.appendChild(cell);
					}
				}
                nameTableBody.appendChild(row);
			}else{
           		setdata(page,the_names);
            }
          
        }
 function downPage(cell){
 	isDisplayDiv = true;
    isneedInit = false;
    if(page < totalPage)
        page++;
       	setNames(page,the_names1);
 }
 function upPage(cell){
     isDisplayDiv = true;
     isneedInit = false;
     if(page > 1)
         page--;
      setNames(page,the_names1);
}
		function setdata(page1,the_names){
			var size = page1*10;
			if(size > the_names.length)
				size = the_names.length;
			  for (var i = (page1-1)*10; i < size; i++) {     
                var cityidNode = the_names.item(i).childNodes.item(0).firstChild.nodeValue;
                if(cityidNode != -1){
                	var citynameNode = the_names.item(i).childNodes.item(1).firstChild.nodeValue;
                	var encitynameNode = the_names.item(i).childNodes.item(2).firstChild.nodeValue;
                	//if(encitynameNode == 'Anshan'){
                	//	continue;
                	//}
                	row = document.createElement("tr");
                	row.onmouseout = function() {this.className='';};
                	row.onmouseover = function() {this.className='rental';};
                	cell = document.createElement("td");
                	cell.style.width = "1px"
                	cell.style.display="none";
                	cell.className='rental1';
                	cell.onclick = function() { populateName(this); } ;
                	cell.onmousedown= function() { populateName(this); } ;
                	txtNode = document.createTextNode(cityidNode);
                	cell.appendChild(txtNode);
                	row.appendChild(cell);
                
                	cell = document.createElement("td");
                	cell.style.width = "15px"
                	cell.className='rental1';
                	cell.onclick = function() { populateName(this); } ;
                	cell.onmousedown= function() { populateName(this); } ;
                	txtNode = document.createTextNode(encitynameNode);
                	cell.appendChild(txtNode);
                	row.appendChild(cell);
                
                	cell = document.createElement("td");
                	cell.style.width = "170px"
                	cell.className='rental3';
               		cell.align="right";
                	cell.onclick = function() { populateName(this); } ;
                	cell.onmousedown= function() { populateName(this); } ;
                	txtNode = document.createTextNode(citynameNode);
                	cell.appendChild(txtNode);
                	row.appendChild(cell);
                	nameTableBody.appendChild(row);
                	nameTableBody.childNodes[selectedIndex].className = "rental";
                }
            }
			
		}
        function setOffsets() {
            var end = inputField.offsetWidth;
            var left = calculateOffsetLeft(inputField);
            var top = calculateOffsetTop(inputField) + inputField.offsetHeight;
            //completeDiv.style.border = "black 1px solid";
            completeDiv.style.left = left + 1 + "px";
            completeDiv.style.top = top + "px";
            if(end>=200){
            	nameTable.style.width = (end-2) + "px";
            }else{
            	nameTable.style.width = end + 85 + "px";
            }
        }

         function calculateOffsetLeft(field) {
          return calculateOffset(field, "offsetLeft");
        }

        function calculateOffsetTop(field) {
          return calculateOffset(field, "offsetTop");
        }
   
         function calculateOffset(field, attr) {
          var offset = 0;
          while(field) {
            offset += field[attr];
            field = field.offsetParent;
          }
          return offset;
        }

        function populateName(cell) {
        	isDisplayDiv = false;
            inputField.value = cell.parentElement.childNodes[2].innerHTML;
            hiddenField.value = cell.parentElement.childNodes[0].innerHTML;
			isClickOrEnter = true;
            clearNames();
            inputField.blur();
        }

        function clearNames() {
        //inputField.onclick=null;
            var ind = nameTableBody.childNodes.length;
            for (var i = ind - 1; i >= 0 ; i--) {
                 nameTableBody.removeChild(nameTableBody.childNodes[i]);
            }
           // completeDiv.style.border = "none";
        }