                     
                        function changeBCR(){
                            var root= getEle('subPanel');
                            var selectTarget= getEle('selectBCR');
                            
                            
                            if(selectTarget.selectedIndex==0){
                                if(getEle('selectAuthor')){
                                    getEle('selectAuthor').options.length=1;
                                }
                                if(getEle('selectTitle')){
                                    getEle('selectTitle').options.length=1;
                                }
                                req_Table(1);
                            }else{
                                if(getEle('selectAuthor')){
                                    getEle('selectAuthor').options.length=1;
                                }
                                if(getEle('selectTitle')){
                                    getEle('selectTitle').options.length=1;
                                }
                                send('BCR');
                            }
                        }
                        function changeTitle(){
                            var root= getEle('subPanel');
                            var selectTarget= getEle('selectTitle');
                            
                            
                            if(selectTarget.selectedIndex==0){
                                req_Table(1);
                                if(getEle('selectAuthor')){
                                    getEle('selectAuthor').options.length=1;
                                    
                                    
                                }
                            }else{
                                if(getEle('selectAuthor')){
                                    getEle('selectAuthor').options.length=1;                                   
                                }
                                send('TITLE');
                            }
                        }
                        
                        function goSelect(index){
                            getEle('selectBCR').selectedIndex=index;
                            changeBCR();
                        }
                        function changeAuthor(){
                            var root= getEle('subPanel');
                            var selectTarget= getEle('selectAuthor');
                            req_Table(1);
                        }
                        
                  function getEle(str){
                            return document.getElementById(str);
                  }
                  
                 var request=getXMLHttpRequest();
                 var request2=getXMLHttpRequest();
                 
                 function getXMLHttpRequest(){
                    var request;
                           try {
                             request = new XMLHttpRequest();
                           } catch (trymicrosoft) {
                             try {
                               request = new ActiveXObject("Msxml2.XMLHTTP");
                             } catch (othermicrosoft) {
                               try {
                                 request = new ActiveXObject("Microsoft.XMLHTTP");
                               } catch (failed) {
                                 request = false;
                               }
                             }
                           }

                           if (!request)
                             alert("Error initializing XMLHttpRequest!");
                    return request;
                }
                  
                function send(str){
                    var url="books_sub.asp";
                    
                    var postvalue="";
                    
                    var length=0;
                    
                    if(str=='BCR'){
                         postvalue = "act="+str+"&BCR=" + escape(getEle('selectBCR').value);
                         length="BCR".length+escape(getEle('selectBCR').value).length;
                    }
                    if(str=='TITLE'){
                        postvalue = "act="+str+"&BCR=" + escape(getEle('selectBCR').value)+"&TITLE="+ escape(getEle('selectTitle').value);
                        length="BCR".length+escape(getEle('selectBCR').value).length+escape(getEle('selectTitle').value).length;
                    }
                    
                    if(str=='AUTHOR'){
                        postvalue = "act="+str+"&BCR=" + escape(getEle('selectBCR').value)+"&TITLE="+ escape(getEle('selectTitle').value)+"&AUTHOR="+ escape(getEle('selectAuthor').value);
                        length="BCR".length+escape(getEle('selectBCR').value).length+escape(getEle('selectTitle').value).length+escape(getEle('selectAuthor').value).length;
                    }
                    req_Table(1);
                    //getEle('searchResult').innerHTML=url;
                    request.open("POST", url, true);
                    
                    request.setRequestHeader("content-length",length);
                    request.setRequestHeader("Content-Type",
                        "application/x-www-form-urlencoded");
            
                    request.onreadystatechange =new Function("updatePage('"+str+"')");
                    request.send(postvalue);
                    //getEle('searchResult').innerHTML=url; 

                }
                
                function req_Table(index,sss,str){
                    var valueStr="";
                    var url = "books_sub.asp";
                    var length=0;
                    if(!sss){
                        if(getEle('selectBCR'))valueStr+="&BCR="+escape(getEle('selectBCR').value);
                        if(getEle('selectTitle')&&getEle('selectTitle').value!="") valueStr+="&TITLE="+escape(getEle('selectTitle').value);
                        if(getEle('selectTitle')&&getEle('selectTitle').value!=""&&getEle('selectAuthor')&&getEle('selectAuthor').value!="") valueStr+="&AUTHOR="+escape(getEle('selectAuthor').value);

                    
                        if(getEle('selectBCR'))length+=escape(getEle('selectBCR').value.length);
                        if(getEle('selectTitle'))length+= escape(getEle('selectTitle').value.length);
                        if(getEle('selectAuthor'))length+= escape(getEle('selectAuthor').value.length);
                         resetSearch();
                         resetForm();
                    }else if(sss=='sea'){
                        valueStr="&"+getEle('search_field').value+"="+escape(getEle('search_keyword').value); 
                        length=escape(getEle('search_keyword').value).length;
                        
                        valueStr+="&SSS=sea";
                        length+="sea".length;
                        
                        
                        resetForm();
                        resetList();
                    }else if(sss=='sin'){
                    
                        if(getEle('search_phid')&&getEle('search_phid').value!=""){
                            valueStr+="&SBCR="+escape(getEle('search_phid').value);
                            length+=escape(getEle('search_phid').value).length;
                        }
                        
                        if(getEle('search_p_no')&&getEle('search_p_no').value!=""){
                            valueStr+="&SBNO="+escape(getEle('search_p_no').value);
                            length+=escape(getEle('search_p_no').value).length;
                        }
                        
                        if(getEle('search_p_eno1')&&getEle('search_p_eno1').value!=""){
                            valueStr+="&SISBN="+escape(getEle('search_p_eno1').value);
                            length+=escape(getEle('search_p_eno1').value).length;
                        }
                        
                        if(getEle('search_p_name')&&getEle('search_p_name').value!=""){
                        
                            valueStr+="&SBNAME="+escape(getEle('search_p_name').value);
                            length+=escape(getEle('search_p_name').value).length;
                        
                        }
                        
                        
                        if(getEle('search_userdef1')&&getEle('search_userdef1').value!=""){
                            valueStr+="&SAUTHR="+escape(getEle('search_userdef1').value);
                            length+=escape(getEle('search_userdef1').value).length;
                        }
                        
                        if(getEle('search_publish_year')&&getEle('search_publish_year').value!=""){
                            valueStr+="&SPYEAR="+escape(getEle('search_publish_year').value);
                            length+=escape(getEle('search_publish_year').value).length
                        }
                        
                        if(getEle('search_price1')&&getEle('search_price1').value!=""){
                            valueStr+="&SSP="+escape(getEle('search_price1').value);
                            length+=escape(getEle('search_price1').value).length;
                        }
                        if(getEle('search_price2')&&getEle('search_price2').value!=""){
                            valueStr+="&SEP="+escape(getEle('search_price2').value);
                            length+=escape(getEle('search_price2').value).length;
                        }
                        if(getEle('search_p_ean')&&getEle('search_p_ean').value!=""){
                            valueStr+="&SPEAN="+escape(getEle('search_p_ean').value);
                            length+=escape(getEle('search_p_ean').value).length;
                        }
                        
                        if(str=='order'){
                            valueStr+="&order=y";
                            length+="y".length;
                        }
                        
                        valueStr+="&SSS=sin";
                        length+="sin".length;
                        
                        
                        if(getEle('selectBCR')) resetList();
                        if(getEle('search_field')) resetSearch();
                    }
                        
                        
                    var postvalue="show_table=y&page="+index+valueStr;
                    //alert(postvalue)
                    request2.open("POST", url, true);
                    
                    request2.setRequestHeader("content-length",length);
                    request2.setRequestHeader("Content-Type",
                        "application/x-www-form-urlencoded");
            
                    request2.onreadystatechange =updateTable;
                    request2.send(postvalue);
                    //alert('hi');
                    
                    // getEle('searchResult').innerHTML=url;
                }
                
                function updateTable(){
                    var root= getEle('searchResult');
                    if (request2.readyState == 4) {
                       if (request2.status == 200) {
                          var texts=request2.responseText;
                          root.innerHTML=texts;
                          //alert(texts);
                        } else{
                            alert("status is " + request2.status);
                            root.innerHTML=request2.responseText;
                        }
                    }
                }
                function updatePage(str) {
                    var root= getEle('subPanel');
                    if (request.readyState == 4) {
                       if (request.status == 200) {
                          
                          var textAry=request.responseText.split("=====");
                          if(str=='BCR'){
                                //root.appendChild(createNewSelect({id:'selectTitle'},{width:'80%',overflow:'auto'},textAry[0].split('----'),{onchange:"changeTitle()"}));
                                setOption('selectTitle',textAry[0].split('----'));
                          }else if(str=='TITLE'){
                                //root.appendChild(createNewSelect({id:'selectAuthor'},{width:'80%',overflow:'auto'},textAry[0].split('----'),{onchange:"changeAuthor()"}));
                                setOption('selectAuthor',textAry[0].split('----'));
                          }
                        } else{
                            alert("status is " + request.status);
                            var response = request.responseText;
                            getEle("Div1").innerHTML=response;
                        }
                    }
                 
                 }
                 
                 /*
                  function createNewSelect(attrs,style,options,eventstr){
                        var maxsize=54;
                        
                        var e=elem('select',attrs,style,'',eventstr);
                        
                         e.appendChild(elem('option',{value:""},'',"½Ð¿ï¾Ü..."));
                        for(var i=0;i<options.length;i++){
                            if(options[i].length>maxsize)
                                e.appendChild(elem('option',{value:options[i]},'',options[i].substring(0,maxsize)+"..."));
                            else
                                e.appendChild(elem('option',{value:options[i]},'',options[i]));
                        }
                        return e;
                  }*/
                  
                  function setOption(id,ary){
                      var maxsize=54;
                      var target=getEle(id);
                      
                      target.options.length=1;
                      
                      for(var i=0;i<ary.length;i++){
                            if(ary[i].length>maxsize){
                                target.options[i+1]=new Option(ary[i].substring(0,maxsize)+"...",ary[i]);
                                target.style.width="80%";
                            }else{
                                target.options[i+1]=new Option(ary[i],ary[i]);
                                target.style.width="80%";
                            }
                      }
                      target.options.length=ary.length+1;
                  }
                  
                  function elem(name, attrs, style, text,eventstr) {
                            var e = document.createElement(name);
                            if (attrs) {
                                for (key in attrs) {
                                    if (key == 'class')
                                        e.className = attrs[key];
                                    else if (key == 'id')
                                        e.id = attrs[key];
                                    else
                                        e.setAttribute(key, attrs[key]);
                                }
                            }

                            if (style)  for (key in style) e.style[key] = style[key];
                            if (text)   e.appendChild(document.createTextNode(text));
                            if (eventstr) for (key in eventstr){
                                e.setAttribute(key, new Function(eventstr[key]));
                            }
                            return e;
                 }
                 
                function swapSearch(index){
                
                    if(index==1){
                        getEle('ta1').style.display="";
                        getEle('ta2').style.display="none";
                        getEle('btnfurther').value="¶i¶¥·j´M";
                        getEle('btnfurther').onclick=new Function("swapSearch(2)");
                        getEle('searchResult').innerHTML="";
                        resetList();
                    }else{
                        getEle('ta2').style.display="";
                        getEle('ta1').style.display="none";
                        getEle('btnfurther').value="¤@¯ë·j´M";
                        getEle('btnfurther').onclick=new Function("swapSearch(1)");
                        getEle('searchResult').innerHTML="";
                        resetForm();
                    }
                }
                
                function resetSearch(){
                    getEle('search_keyword').value="";
                    getEle('search_field').selectedIndex=0;
                }
                function resetList(){
                        if(getEle('selectBCR')) getEle('selectBCR').selectedIndex=0;
                        if(getEle('selectTitle')){
                            getEle('selectTitle').selectedIndex=0;
                            getEle('selectTitle').options.length=1;
                        }
                        if(getEle('selectAuthor')){
                            getEle('selectAuthor').selectedIndex=0;
                            getEle('selectAuthor').options.length=1;
                        }
                }
                function resetForm(){
                    if(getEle('search_phid')) getEle('search_phid').selectedIndex=0;
                    
                    if(getEle('search_p_no')) getEle('search_p_no').value="";
                    if(getEle('search_p_eno1')) getEle('search_p_eno1').value="";
                    if(getEle('search_p_name')) getEle('search_p_name').value="";
                    if(getEle('search_userdef1')) getEle('search_userdef1').value="";
                    if(getEle('search_publish_year')) getEle('search_publish_year').value="";
                    if(getEle('search_price1')) getEle('search_price1').value="";
                    if(getEle('search_price2')) getEle('search_price2').value="";
                    if(getEle('search_p_ean')) getEle('search_p_ean').value="";
                    if(getEle('searchResult')) getEle('searchResult').innerHTML="";
                    
                }
                
                function submitForm(str){
                    req_Table(1,'sin',str);
                }