var xmlHttp = null;
var txtInput;
var divContent;
        //下拉表当前选中项的索引 
        var currentIndex = -1; 
       
        //设置下拉表 相对于 文本输入框的位置
//        function setPosition()
//        {             
//            var width = txtInput.offsetWidth;   
//                     
//           // var left = getLength("offsetLeft")+5-GetScrWidth();
//           // var top = getLength("offsetTop")-GetTopHeight() + txtInput.offsetHeight;        
//            var left = getLength("offsetLeft"); 
//             var top = getLength("offsetTop")+ txtInput.offsetHeight;                  
//            divContent.style.left = left + "px";
//            divContent.style.top = top + "px"; 
//            divContent.style.width = width + "px";
//              
//        } 
//        
//       //获取对应属性的对应的位置 
//        function getLength(attr)
//        {
//            var offset = 0;
//            var item = txtInput;
//            while (item)
//            {
//                offset += item[attr];
//                item = item.offsetParent;
//            } 
//            return offset; 
//        } 

        //自动完成
        function autoComplete(txtname,divid)
        {
            txtInput = document.getElementById(txtname);
            divContent = document.getElementById(divid);
            //setPosition();
             
            //如果按下 向上, 向下 或 回车
            if (event.keyCode == 38 || event.keyCode == 40 || event.keyCode == 13)
            { 
                //选择当前项 
                selItemByKey();
            } 
            else //向服务器发送请求

            { 
                if (txtInput.value == "中文/拼音")
                {
                    txtInput.value="";
                }
                currentIndex = -1; 
                
                //钱晓，浏览器兼容
                if(window.ActiveXObject)
                {
                    xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
                }
                else if(window.XMLHttpRequest)
                {
                    xmlHttp = new XMLHttpRequest();
                }
                
                //开始请求
                requestObj = xmlHttp;
                requestObj.onreadystatechange = displayResult;
                requestObj.open("POST", "../AJAX/AJAXarea.aspx?" + new Date().toLocaleString(), true);
                requestObj.send(txtInput.value); 
            } 
        } 
        
        //显示结果 
        function displayResult()
        {
             if (requestObj.readyState == 4)
             {
                     showData();
                     divContent.style.display = "";
             } 
        } 
        
        //显示服务器返回的结果 ,并形成下拉表
        var i;
        function showData()
        {
             //获取数据 
//             var doc = new ActiveXObject("MSXML2.DOMDocument.3.0"); 
//             doc.loadXML(requestObj.responseText);
             var res = requestObj.responseText;
             var citystr = new Array();
             citystr = res.split("|");
             var cityname= new Array();
             var cityTable="<table cellpadding='0' cellspacing='0' id='tblContent' style='float:left; text-align:left; color:#000; border:1px #7f9db9 solid; width:137px; line-height:20px; font-size:12px;'>";
             for(i=0;i<citystr.length-1;i++){
               cityname=citystr[i].split('---');
               //cityTable+="<tr style='cursor:hand;' onmouseover='setColor("+i+")' id='tr"+i+"'onmouseout='clearColor("+i+")'><td style='text-align:left;'><span onclick='selValue("+i+")' style='width:70px; float:left; margin-left:3px;'>"+cityname[0]+" </span></td>"; 
               //cityTable+="<td style='text-align:right;'><span style='width:50px; float:left; margin-right:1px;'>"+cityname[1]+"</span></td></tr>";
               cityTable+="<tr onclick='selValue("+i+")' style='cursor:hand;' onmouseover='setColor("+i+")' id='tr"+i+"'onmouseout='clearColor("+i+")'><td style='text-align:left;'>&nbsp;"+cityname[0]+"</td>"; 
               cityTable+="<td style='text-align:right;'>"+cityname[1]+"&nbsp;</td></tr>";
             }
             cityTable+="</table>";
             //显示转后后的结果
             divContent.innerHTML = cityTable; 
        } 
        function setColor(i){
            document.getElementById("tr"+i).style.background="#316ac5";
            document.getElementById("tr"+i).style.color="#ffffff";
        }
        //清除下拉项的背景颜色 
        function clearColor(i)
        {
             var tbl = document.getElementById("tblContent");
             for (var i = 0; i < tbl.rows.length; i++)
             {
                    tbl.rows[i].style.backgroundColor = ""; 
                    tbl.rows[i].style.color = "#000"; 
             } 
        } 
         //选择下拉表中当前项的值 ,用于按回车或鼠标单击选中当前项的值

        function selValue(i,j)
        {         
            if (event.keyCode != 13)
           { 
           //debugger
//                var text = event.srcElement.innerText;
//                var sarray=new Array();
//                sarray=text.split('-');
                var res = requestObj.responseText;
                var citystr = new Array();
                citystr = res.split("|");
                var cityname= new Array();
                cityname=citystr[i].split('---');
                txtInput.value = cityname[1]; 
            } 
            initList(); 
           try
                {
//                    document.all("droNum").style.display="block";
//                    document.all("droCabin").style.display="block";                    
                }
                catch (e)
                {}
            
        } 
        //通过键盘选择下拉项 
        function selItemByKey()
        {
            //下拉表 
            var tbl = document.getElementById("tblContent"); 
            if (!tbl)
            {
                return; 
            } 
            //下拉表的项数
            var maxRow = tbl.rows.length; 
            //向上 
            if (event.keyCode == 38 && currentIndex > 0)
            {
                 currentIndex--;
            } 
            //向下 
            else if (event.keyCode == 40 && currentIndex < maxRow-1)
            {
                 currentIndex++;
            }
            //回车 
            else if (event.keyCode == 13)
            {
                selValue();
                return;
            } 
            
            clearColor();
            
            var text = tbl.rows[currentIndex].innerText; 
            var sarray=new Array();
            sarray=text.split(' ');
            //debugger
            txtInput.value = sarray[sarray.length-2]; 
            //设置当前项背景颜色为blue 标记选中 
            tbl.rows[currentIndex].style.backgroundColor = "#316ac5"; 
            tbl.rows[currentIndex].style.color = "#fff"; 
        } 
        
        
        
       
        
        //文本框失去焦点时 设置下拉表可见性 
        function setDisplay()
        {
            //获取当前活动td的表格 
            if (document.activeElement.tagName == "TD")
            {
                 var tbl = document.activeElement.parentElement.parentElement.parentElement; 
                //如果不是下拉表,则隐藏 下拉表 
                if (tbl.id != "tblContent")
                {
                    initList();
                }
                return;
            } 
            
            initList();
            
        } 
       
        function initList()
        {
            divContent.style.display='none'; 
            divContent.innerHTML = "";
            currentIndex = -1;
        } 



//function checkValidate()
//{   
//    if(document.getElementById("txtStartCity1").value=="" || document.getElementById("txtStartCity1").value=="中文/拼音")
//       {
//          alert("请输入出发城市名称！");
//           document.getElementById("txtStartCity1").focus();
//          return false;
//       }
//    var cityname = document.getElementById("txtStartCity1");
//    request = new ActiveXObject("Microsoft.XMLHTTP");
//    request.onreadystatechange = arrivecitySubmit;
//    request.open("POST", "AJAX/AjaxValidate.aspx", true);
//    request.send(cityname.value);
//}


//function arrivecitySubmit()
//{
//   if (request.readyState == 4)
//     {     
//        var status = request.responseText;
//        if(status=="1")
//        {
//           alert("输入的到达城市名称不存在！");
//           document.getElementById("txtStartCity1").focus();
//           return false;           
//        }
//        else
//        {
//           document.getElementById("txtStartCity1").value=status;   
//           getpost();         
//           return true;
//        }         
//     }
//}