// JavaScript Document

var xmlHttp

function showData(e)
{
var characterCode = e.keyCode? e.keyCode : e.charCode
if((characterCode == 37)||(characterCode == 38)||(characterCode == 39)||(characterCode == 40)){
	if((characterCode == 38)||(characterCode == 40)){
		document.getElementById("Product").blur();
	} else {
		document.getElementById("Product").focus();
		}
	document.getElementById("SearchButton").disabled=true;
} else {

//this shows the "working" graphic when the query page is retrieving data
document.getElementById(whichElement).innerHTML = "<div align=center style='z-index:1; position:fixed; width:700px; float:left;><b>Working....</b><br><br><img src='/search/images/loadingAnimation.gif'></div>"

//by setting these values to "" it prevents an undefined error. Also defining these outside of the function will add existing data to the variable which will cause an error.
var theForm = ""
var howManyElement = ""
var daString = ""

theForm = document.form1
//this finds the number of elements on the form and assigns the number to the howManyElement variable.
howManyElement = theForm.elements.length;


xmlHttp=GetXmlHttpObject();

//this for block creates the string with all the data in the url. The loop goes through each element and assigns the form name and the value to the string creating a "first=brian&last=collier' string if the form contains a 'first' field and a 'last' field.

for (i=0; i<howManyElement; i++){

 daString = daString + theForm.elements[i].name+ "="+theForm.elements[i].value+"&";

}
if (xmlHttp==null)
 {
 alert ("Your browser does not support AJAX!");
 return;
 }

//the 'whichLink' variable is assigned on the page making the request.
var url=whichLink;
url=url+"?"+daString;
url=url+"sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);

//alert(url)//this is used to view the URL being sent to the query page.
}
}

function stateChanged() 
{ 

if (xmlHttp.readyState==4)
{ 

document.getElementById(whichElement).innerHTML=xmlHttp.responseText;
}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

