function showDiv(divId) {
  if (document.layers)
     document.layers[divId].visibility = "show";
  else
    document.getElementById(divId).style.visibility = "visible";
}

function hideDiv(divId) {
  if (document.layers)
     document.layers[divId].visibility = "hide";
  else
     document.getElementById(divId).style.visibility = "hidden";
}

function loadBody() {
  hideDiv("disp");
  document.aForm.keyword.focus();
}

function clearResults() {
   var counter = document.getElementById("disp").childNodes.length;
   for (var i = counter - 1; i >= 0; i--) {
       document.getElementById("disp").removeChild(document.getElementById("disp").childNodes[i]);
   }
}

function getNames() {
  var parm = "term=";
  var term = frm.keyword.value;
  if (term.length > 0) {
     xmlhttp=createXMLHttp();
     if (xmlhttp){
        parm += term;
        //alert(parm);
        var url = "../get_sth.php";
        xmlhttp.onreadystatechange=showResult;
        xmlhttp.open("POST",url,true);
        xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
        xmlhttp.send(parm);
     }
  } else {
     // clear div if empty
     clearResults();
     hideDiv("disp");
  }
}

function getNames_sub() {
  var parm = "term=";
  var term = frm.keyword.value;
  if (term.length > 0) {
     xmlhttp=createXMLHttp();
     if (xmlhttp){
        parm += term;
        //alert(parm);
        var url = "../get_sth_sub.php";
        xmlhttp.onreadystatechange=showResult_sub;
        xmlhttp.open("POST",url,true);
        xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
        xmlhttp.send(parm);
     }
  } else {
     // clear div if empty
     clearResults();
     hideDiv("disp");
  }
}

function createXMLHttp(){
        var xhr;
        try{
                xhr=new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e){
                try{
                        xhr=new ActiveXObject("Microsoft.XMLHTTP");
                } catch(e1){
                        try{
                                xhr=new XMLHttpRequest();
                        } catch(e2){
                                xhr=null;
                        }
                }
        }
        return xhr;
}

function fillTextBox(cell) {
  fields=cell.firstChild.nodeValue.split(" ");
  var parm1="select_keyword="+fields[0];
  xmlhttp1=createXMLHttp();
  if (xmlhttp1){
     var url_update = "../get_sth_update.php";
     xmlhttp1.open("POST",url_update,true);
     xmlhttp1.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
     xmlhttp1.send(parm1);
  }
  document.getElementById("keyword").value=fields[0];
  //document.getElementById("keyword").value = cell.firstChild.nodeValue;
  clearResults();
  hideDiv("disp");
}

function fillTextBox_sub(cell) {
  document.getElementById("keyword").value = cell.firstChild.nodeValue;
  //document.getElementById("keyword").value = cell.firstChild.nodeValue;
  clearResults();
  hideDiv("disp");
}


function showResult() {
if (xmlhttp.readyState==4 && xmlhttp.status==200){
  var msg = "";
  var msg1 = xmlhttp.responseText;
  var emptyLen = 8;
  //alert(msg1.length + ": " + msg1);
  //--- length = 8 even empty --- //
  if (msg1.length > emptyLen) {
     showDiv("disp");
     clearResults();
     //--- create table ---
     var table = document.createElement("table");
     var tbody= document.createElement("tbody");
     var row, cell, tblNode;
     //--- evaluate JSON
     eval("var objResults = " + msg1);
     for (var i=0; i<objResults.Results.machines.length;i++) {
       var currentItem = objResults.Results.machines[i].keywords;
       var currentItem1 = objResults.Results.machines[i].counts;
       for (var k=(6-currentItem1.length);k>0;k--){
           currentItem1="0"+currentItem1;
       }
       row = document.createElement("tr");
       cell = document.createElement("td");
       cell.onmouseover = function() {this.className = 'mouseover';};
       cell.onmouseout = function() {this.className = 'mouseout';};
       cell.onclick = function() {fillTextBox(this);};
       cell.setAttribute("border", "0");
       var item_str=currentItem+" ";
       for (var j=(9-currentItem.length);j>=0;j--){
           item_str=item_str+"　";
       }
       item_str=item_str+currentItem1+"次";
       //tblNode = document.createTextNode(currentItem);
       tblNode = document.createTextNode(item_str);
       cell.appendChild(tblNode);
       row.appendChild(cell);
       tbody.appendChild(row);
     }
     //alert(msg);
     table.appendChild(tbody);
     document.getElementById("disp").appendChild(table);
  } else {
     clearResults();
     hideDiv("disp");
  }
  //http://www.pt.ntu.edu.tw/hmchai/PTcomputer03_2/hCSS/CSSadvanced.htm
}
}

function showResult_sub() {
if (xmlhttp.readyState==4 && xmlhttp.status==200){
  var msg = "";
  var msg1 = xmlhttp.responseText;
  var emptyLen = 8;
  //alert(msg1.length + ": " + msg1);
  //--- length = 8 even empty --- //
  if (msg1.length > emptyLen) {
     showDiv("disp");
     clearResults();
     //--- create table ---
     var table = document.createElement("table");
     var tbody= document.createElement("tbody");
     var row, cell, tblNode;
     //--- evaluate JSON
     eval("var objResults = " + msg1);
     for (var i = 0; i < objResults.Results.machines.length; i++) {
       var currentItem = objResults.Results.machines[i].keywords;
       row = document.createElement("tr");
       cell = document.createElement("td");
       cell.onmouseover = function() {this.className = 'mouseover';};
       cell.onmouseout = function() {this.className = 'mouseout';};
       cell.onclick = function() {fillTextBox_sub(this);};
       cell.setAttribute("border", "0");
       tblNode = document.createTextNode(currentItem);
       cell.appendChild(tblNode);
       row.appendChild(cell);
       tbody.appendChild(row);
     }
     //alert(msg);
     table.appendChild(tbody);
     document.getElementById("disp").appendChild(table);
  } else {
     clearResults();
     hideDiv("disp");
  }
}
}