function searchProductById() {
  
  var productId = document.getElementById('productId').value;
  if (productId.value == '') {
    return false;
  }

  var PostParameters = '';
  PostParameters = "productId="+escape(paneNo);
  //PostParameters = PostParameters + "&process=1";

  xmlHttp=GetXmlHttpObject()

  if (xmlHttp==null) {
    alert ("Your browser does not support AJAX!");
    return;
  }

  document.getElementById("ThumperDiv").style.display = '';

  var url="/ajax_calls/millerColumns.php";

  xmlHttp.onreadystatechange = function() {  DisplayMillerColumnsResult(5)};
  xmlHttp.open("POST", url, true);
  xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=ISO-8859-1");
  //xmlHttp.setRequestHeader("Content-type", "text/html; charset=ISO-8859-1");
  xmlHttp.setRequestHeader("Content-length", PostParameters.length);
  xmlHttp.setRequestHeader("Connection", "close");
  xmlHttp.send(PostParameters);

  return false;
}

function millerColumns(paneNo, selectedId, itemId) {

  var PostParameters = '';
  PostParameters = "paneNo="+escape(paneNo);
  PostParameters = PostParameters + "&itemId="+escape(itemId);
  //PostParameters = PostParameters + "&process=1";

  xmlHttp=GetXmlHttpObject()

  if (xmlHttp==null) {
    alert ("Your browser does not support AJAX!");
    return;
  }

  document.getElementById("ThumperDiv").style.display = '';

  var selectedPane = paneNo - 1;
  var iteration = 0;
  while (document.getElementById('pane'+selectedPane+'_item'+iteration)) {
    document.getElementById('pane'+selectedPane+'_item'+iteration).className = "paneItemNormal";
    iteration++;
  }
  document.getElementById('pane'+selectedPane+'_item'+selectedId).className = "paneItemSelected";


  var url="/ajax_calls/millerColumns.php";

  xmlHttp.onreadystatechange = function() {  DisplayMillerColumnsResult(paneNo)};
  xmlHttp.open("POST", url, true);
  xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=ISO-8859-1");
  //xmlHttp.setRequestHeader("Content-type", "text/html; charset=ISO-8859-1");
  xmlHttp.setRequestHeader("Content-length", PostParameters.length);
  xmlHttp.setRequestHeader("Connection", "close");
  xmlHttp.send(PostParameters);
}

function DisplayMillerColumnsResult(paneNo) {

  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
    ResponseText = xmlHttp.responseText;

    if (ResponseText == 9006) {
      window.location.href = "error_page.php";
      return;
    }

    if (paneNo == 2) {
      document.getElementById('pane3').style.display = 'none';
      document.getElementById('pane4').style.display = 'none';
      document.getElementById('pane1').style.width = '471px';
      document.getElementById('pane2').style.width = '472px';
      document.getElementById('pane2').style.display = 'block';

      document.getElementById('paneTitle3').innerHTML = '';
      document.getElementById('paneTitle4').innerHTML = '';
      document.getElementById('paneContent3').innerHTML = '';
      document.getElementById('paneContent4').innerHTML = '';

      responses = ResponseText.split('<<<', 2);
      document.getElementById('paneTitle2').innerHTML = responses[0];
      document.getElementById('paneContent2').innerHTML = responses[1];
    }

    if (paneNo == 3) {
      document.getElementById('pane4').style.display = 'none';
      document.getElementById('pane1').style.width = '314px';
      document.getElementById('pane2').style.width = '314px';
      document.getElementById('pane3').style.width = '314px';
      document.getElementById('pane3').style.display = 'block';

      document.getElementById('paneTitle4').innerHTML = '';
      document.getElementById('paneContent4').innerHTML = '';

      responses = ResponseText.split('<<<', 2);
      document.getElementById('paneTitle3').innerHTML = responses[0];
      document.getElementById('paneContent3').innerHTML = responses[1];
    }

    if (paneNo == 4) {
      document.getElementById('pane1').style.width = '235px';
      document.getElementById('pane2').style.width = '236px';
      document.getElementById('pane3').style.width = '235px';
      document.getElementById('pane4').style.width = '235px';
      document.getElementById('pane4').style.display = 'block';

      responses = ResponseText.split('<<<', 2);
      document.getElementById('paneTitle4').innerHTML = responses[0];
      document.getElementById('paneContent4').innerHTML = responses[1];
    }

    if (paneNo == 5) {
      document.getElementById('search_result').innerHTML = ResponseText;
    }

    document.getElementById("ThumperDiv").style.display = 'none';
  }       
}

function productIdSearch() {

  var keyword = document.getElementById('productId').value;

  keyword = keyword.replace(/^\s+|\s+$/, '');

  if (keyword.length < 3) {
    alert('Product ID must be at least three characters in length.');
    return;
  }

  var PostParameters = '';
  PostParameters = "productId="+escape(keyword);
  //PostParameters = PostParameters + "&process=1";

  xmlHttp=GetXmlHttpObject()

  if (xmlHttp==null) {
    alert ("Your browser does not support AJAX!");
    return;
  }

  document.getElementById("ThumperDiv").style.display = '';

  var url="/ajax_calls/millerColumns.php";

  xmlHttp.onreadystatechange = function() {  DisplayProductIdSearchResult()};
  xmlHttp.open("POST", url, true);
  xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=ISO-8859-1");
  //xmlHttp.setRequestHeader("Content-type", "text/html; charset=ISO-8859-1");
  xmlHttp.setRequestHeader("Content-length", PostParameters.length);
  xmlHttp.setRequestHeader("Connection", "close");
  xmlHttp.send(PostParameters);

}

function DisplayProductIdSearchResult() {

  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
    ResponseText = xmlHttp.responseText;

    if (ResponseText == 9006) {
      window.location.href = "error_page.php";
      return;
    }

    document.getElementById('search_result').innerHTML = ResponseText;

    document.getElementById("ThumperDiv").style.display = 'none';
  }
}

function DisplaySearchProductPaging(start, productId, itemId) {

  var PostParameters = '';
  PostParameters = "productId="+escape(productId);
  PostParameters = PostParameters + "&start="+escape(start);
  PostParameters = PostParameters + "&itemId="+escape(itemId);
  PostParameters = PostParameters + "&paneNo=5";

  xmlHttp=GetXmlHttpObject()

  if (xmlHttp==null) {
    alert ("Your browser does not support AJAX!");
    return;
  }

  document.getElementById("ThumperDiv").style.display = '';

  var url="/ajax_calls/millerColumns.php";

  xmlHttp.onreadystatechange = function() {  DisplayMillerColumnsResult(5)};
  xmlHttp.open("POST", url, true);
  xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=ISO-8859-1");
  //xmlHttp.setRequestHeader("Content-type", "text/html; charset=ISO-8859-1");
  xmlHttp.setRequestHeader("Content-length", PostParameters.length);
  xmlHttp.setRequestHeader("Connection", "close");
  xmlHttp.send(PostParameters);

  return false;
}

function DisplaySearchProductPagingJump(productId, itemId) {

  var newPage = document.getElementById("CurrentPageContainerExpand").value;

  var PostParameters = '';
  PostParameters = "productId="+escape(productId);
  PostParameters = PostParameters + "&itemId="+escape(itemId);
  PostParameters = PostParameters + "&paneNo=5";
  PostParameters = PostParameters + "&jumpToPage="+escape(newPage);

  xmlHttp=GetXmlHttpObject()

  if (xmlHttp==null) {
    alert ("Your browser does not support AJAX!");
    return;
  }

  document.getElementById("ThumperDiv").style.display = '';

  var url="/ajax_calls/millerColumns.php";

  xmlHttp.onreadystatechange = function() {  DisplayMillerColumnsResult(5)};
  xmlHttp.open("POST", url, true);
  xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=ISO-8859-1");
  //xmlHttp.setRequestHeader("Content-type", "text/html; charset=ISO-8859-1");
  xmlHttp.setRequestHeader("Content-length", PostParameters.length);
  xmlHttp.setRequestHeader("Connection", "close");
  xmlHttp.send(PostParameters);

  return false;
}