// Create an XMLHttpRequest instance
var xmlHttp = createXmlHttpRequestObject();
var DivsName;
MM_preloadImages('images/loading.gif');

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function createXmlHttpRequestObject() {
	// variable to to store reference to object
	var xmlHttp;
	try
	{
		// try to create xmlHttpRequest object
		xmlHttp = new XMLHttpRequest();
	}
	catch(e)
	{
		// assume IE6 or older
		var XmlHttpVersions = new Array("MSXML2.XMLHTTP.6.0",
										"MSXML2.XMLHTTP.5.0",
										"MSXML2.XMLHTTP.4.0",
										"MSXML2.XMLHTTP.3.0",										
										"MSXML2.XMLHTTP",
										"Microsoft.XMLHTTP");
		for (var i=0; i<XmlHttpVersions.length && !xmlHttp; i++)
		{
			try 
			{
				// try to create XMLHttpRequest object
				xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
			}
		   catch(e) {} // ignore potential errors
		}
	}
	
	//return the created object or display an error message
	if (!xmlHttp) 
  	   alert("Error, javascript may not be enabled...");
	else 
	   return xmlHttp;
}

function process(page,pageparams,divname) {
	
    DivsName = divname;

	var randNo = new Date()
    var RandomNumber = randNo.valueOf()
	

	// only continue if xmlHttp isn't void
	if (xmlHttp) {
		// try connecting to server
		try 
		{
			
 			  //initiate reading of a file from the server
  			  xmlHttp.open("GET", page+"?ts="+RandomNumber+pageparams, true);
			  xmlHttp.onreadystatechange = handleRequestStateChange;
			  xmlHttp.send(null);
		}
		//display the error in case of a failure
		catch(e)
		{
			alert("Can't connect to server, please try again...\n" + e.toString());
		}
	}
}

function handleRequestStateChange() {
	// obtain a reference to the div element on page
	myDiv = document.getElementById(DivsName);
	myDiv.innerHTML="";
	// display status of request
	if (xmlHttp.readyState == 1)
	{
		myDiv.innerHTML = "<center><img src='images/loading.gif' width='32' height='32' align='absmiddle' /> &nbsp;&nbsp;<font face='Arial, Helvetica, sans-serif' size='2'>Loading.....</font></center> <br />";
	}
	else if (xmlHttp.readyState == 2) 
	{
		myDiv.innerHTML = "<center><img src='images/loading.gif' width='32' height='32' align='absmiddle' /> &nbsp;&nbsp;<font face='Arial, Helvetica, sans-serif' size='2'>Loading.....</font></center><br />";
	}
	else if (xmlHttp.readyState == 3) 
	{
		myDiv.innerHTML = "<center><img src='images/loading.gif' width='32' height='32' align='absmiddle' /> &nbsp;&nbsp;<font face='Arial, Helvetica, sans-serif' size='2'>Loading.....</font></center><br />";
	}	
	else if (xmlHttp.readyState == 4) 
	{
     // continue only if HTTP status is "OK"
	 if (xmlHttp.status == 200) 
	 {
		 try 
		 {
			 // read message from server
			 response = xmlHttp.responseText;
			 //display message
			// myDiv.innerHTML = " <br />";

			 myDiv.innerHTML += response;
		 }
		 catch(e)
		 {
			 //dispaly error message
			 alert("Error reading response: " + e.toString());
		 }
	
    }
	else
	{
	  // display status message
	  alert("Problem retrieving data:\n" + xmlHttp.statusText);
	}
	 
  }
	
}