var result_holder_html="<div width='100%'><center><img src='img/ajax_load.gif'></center></div>";
function loadChemialTypes(eleId) {
  var req = newXMLHttpRequest();
  req.onreadystatechange = renderHtmlData(req, eleId);
  var url = "s?hl=ts";
  req.open("GET", url, true);
  req.setRequestHeader("Content-Type", "text/html; charset=UTF-8");
  req.send(null);
}
function loadCatetorys(tid,eleId) {
  var req = newXMLHttpRequest();
  req.onreadystatechange = renderHtmlData(req, eleId);
  var url = "s?hl=catl&tid="+tid;
  req.open("GET", url, true);
  req.setRequestHeader("Content-Type", "text/html; charset=UTF-8");
  req.send(null);
}
function loadStockByCate(cid,eleId) {
  var req = newXMLHttpRequest();
  req.onreadystatechange = renderHtmlData(req, eleId);
  var url = "s?hl=sl&qt=cid&v="+cid;
  req.open("GET", url, true);
  req.setRequestHeader("Content-Type", "text/html; charset=UTF-8");
  req.send(null);
}
function query(eleId) {
  var qt = document.getElementById("qt").value;
  var value = document.getElementById("searchText").value;
  var req = newXMLHttpRequest();
  req.onreadystatechange = renderHtmlData(req, eleId);
  var url = "s?hl=sl&qt=" + qt + "&v=" + value;
  url = encodeURI(url);
  req.open("GET", url, true);
//  req.setRequestHeader("Content-Type", "text/html; charset=UTF-8");
  req.send(null);
}
function setcss(me, css) {
  me.className = css;
  return true;
}
function sb(me, i, a) {
  if (a == 0) {
    if (i == 1)
      me.style.background = "#FFFFFF";
    else
      me.style.background = "#FAFAFA";
  } else {
    me.style.background = "#F8F8DD";
  }
}
function goSpeficPage(endPage, qt,qval,eleId) {
  var specificP = document.getElementById("specific_page").value;
  if (specificP > endPage) {
    gop(endPage, qt,qval,eleId);
  } else if (specificP < 1) { 
    gop("1", qt,qval,eleId);
  } else {
    gop(specificP, qt,qval,eleId);
  }
}
function gop(p, qt, qval,eleId) {
  var req = newXMLHttpRequest();
  req.onreadystatechange = renderHtmlData(req, eleId);
  var url = "s?hl=sl&p=" + p + "&qt=" + qt + "&v=" + qval;
  url = encodeURI(url);
  req.open("GET", url, true);
//  req.setRequestHeader("Content-Type", "text/html; charset=UTF-8");
  req.send(null);
}

function newXMLHttpRequest() {
  var xmlreq = false;

  // Create XMLHttpRequest object in non-Microsoft browsers
  if (window.XMLHttpRequest) {
    xmlreq = new XMLHttpRequest();
  } else if (window.ActiveXObject) {
    try {
      // Try to create XMLHttpRequest in later versions
      // of Internet Explorer
      xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e1) {
      // Failed to create required ActiveXObject
      try {
        // Try version supported by older versions
        // of Internet Explorer
        xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e2) {
        // Unable to create an XMLHttpRequest by any means
        xmlreq = false;
      }
    }
  }

  return xmlreq;
}

function renderHtmlData(req, elementId) {
  return function() {
    // If the request's status is "complete"
    if (req.readyState == 4) {
      // Check that we received a successful response from the server
      if (req.status == 200) {
        // Pass the XML payload of the response to the handler function.
        document.getElementById(elementId).innerHTML = req.responseText;
      } else {
        // An HTTP problem has occurred
        document.getElementById(elementId).innerHTML = "HTTP error "
            + req.status + ": " + req.statusText;
      }
    } else {
      document.getElementById(elementId).innerHTML = result_holder_html;
    }
  }
}