// JScript 文件

        var xmlHttp;
        var completeDiv;
        var inputField;
        var nameTable;
        var nameTableBody;
        var flag=false;

        function createXMLHttpRequest() {
            if (window.ActiveXObject) {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            else if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();                
            }
        }
        
        function DisSelect()
        {
            
            if(flag==false)
            document.getElementById("popup").style.display="none";
        }

        function initVars() {
            inputField = document.getElementById("tb_start");            
            nameTable = document.getElementById("name_table");
            completeDiv = document.getElementById("popup");
            nameTableBody = document.getElementById("name_table_body");
            document.getElementById("popup").style.display="block";
            
        }


        function callback() {
        
            if (xmlHttp.readyState == 4) {
                if (xmlHttp.status == 200)
                {
                    try
                    {                       
                        var name = xmlHttp.responseXML.getElementsByTagName("name")[0].firstChild.data;                        
                    }
                    catch(e)
                    {
                        document.getElementById("popup").style.display="none";
                        clearNames();
                    }
                    setNames(xmlHttp.responseXML.getElementsByTagName("name"));
                } 
                else if (xmlHttp.status == 204)
                {
                    clearNames();
                }
            }
        }
        
        function setNames(the_names) {            
            clearNames();
            var size = the_names.length;
            setOffsets();

            var row, cell, txtNode;
            for (var i = 0; i < size; i++) {
                var nextNode = the_names[i].firstChild.data;
                
                row = document.createElement("tr");
                
                cell = document.createElement("td");
                
                cell.onmouseout = function() {this.className='mouseOver';flag=false;};
                cell.onmouseover = function() {this.className='mouseOut';flag=true;};
                cell.setAttribute("bgcolor", "#ffffff");
                cell.setAttribute("border", "0");
                cell.setAttribute("height","18px");
                cell.onclick = function() { populateName(this); } ;                             

                txtNode = document.createTextNode(nextNode);
                cell.appendChild(txtNode);
                row.appendChild(cell);
                nameTableBody.appendChild(row);    
            }
        }

        function setOffsets() {
            var end = inputField.offsetWidth;
            var left = calculateOffsetLeft(inputField);
            var top = calculateOffsetTop(inputField) + inputField.offsetHeight;
            completeDiv.style.border = "black 1px solid";
            nameTable.style.width="105px";
        }
        
        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;
          }//alert(offset);
          return offset;
        }

        function populateName(cell) {
            inputField.value = cell.firstChild.nodeValue;
            clearNames();
            //InitOtherControl(inputField.value);
        }

        function clearNames() {
            var ind = nameTableBody.childNodes.length;
            for (var i = ind - 1; i >= 0 ; i--) {
                 nameTableBody.removeChild(nameTableBody.childNodes[i]);
            }
            completeDiv.style.border = "none";
        }
        
        function gotoSearch()
        {
            var productType =document.getElementById("productType");
            var p_Brand =document.getElementById("p_Brand");
            p_Brand
            alert(p_Brand.value);
        }
        
        function findNames()
        {    
    
            var comp = document.getElementById("tb_start");
            initVars();           
            if (comp.value.length > 0) 
            { 
                createXMLHttpRequest();           
                var url = "AjaxCity.aspx?b=2&jx=" + escape(comp.value);  
                xmlHttp.open("GET", url, true);
                xmlHttp.onreadystatechange = callback;
                xmlHttp.send(null);
            } 
            else
                clearNames();
            
        }     
        
        
                function  secBoard(n)
                {
//                for(i=0;i<secTable.cells.length;i++)
//                secTable.cells[i].className="sec1";
//                secTable.cells[n].className="sec2";
//                for(i=0;i<mainTable.tBodies.length;i++)
//                mainTable.tBodies[i].style.display="none";
//                mainTable.tBodies[n].style.display="block";

                   if( n==0 )
                   {
                        TrLine.style.display = "block";
                        TrKey.style.display = "none"; 
                        TrDian.style.display = "none";
                       
                        TrSetLine.style.display = "block";
                        TrSetKey.style.display = "none";
                        TrSetDian.style.display = "none";
                        TrLine2.style.display = "block";
                        TrKey2.style.display = "none";
                        TrDian2.style.display = "none";
                   }
                   else if(n==1 )
                   {
                        TrLine.style.display = "none";
                        TrKey.style.display = "block";
                        TrDian.style.display = "none";
                        TrSetLine.style.display = "none";
                        TrSetKey.style.display = "block";
                        TrSetDian.style.display = "none";
                        TrLine2.style.display = "none";
                        TrKey2.style.display = "block";
                        TrDian2.style.display = "none";
                   } 
                   else
                   {
                        TrLine.style.display = "none";
                        TrKey.style.display = "none";
                        TrDian.style.display = "block";
                        TrSetLine.style.display = "none";
                        TrSetKey.style.display = "none";
                        TrSetDian.style.display = "block";
                        TrLine2.style.display = "none";
                        TrKey2.style.display = "none";
                        TrDian2.style.display = "block";
                   }
                  
                }
                
                
                function OnEnter( field ) { if( field.value == field.defaultValue ) { field.value = ""; } }
                
                function OnExit( field ) { if( field.value == "" ) { field.value = field.defaultValue; } }