//Gets the browser specific XmlHttpRequest Object 
function getXmlHttpRequestObjectOLD() {
 if (window.XMLHttpRequest) {
    return new XMLHttpRequest(); //Mozilla, Safari ...
	//alert ("new XMLHttpRequest");
 } else if (window.ActiveXObject) {
	//alert ("new ActiveXObject");
    return new ActiveXObject("Microsoft.XMLHTTP"); //IE
	//alert ("new ActiveXObject");
 } else {
    //Display our error message
    alert("Your browser doesn't support the XmlHttpRequest object.");
 }
}

function getXmlHttpRequestObject() {
try
{  // Firefox, Opera 8.0+, Safari  
  return new XMLHttpRequest();  
}
catch (e)
  {  // Internet Explorer  
	try
    {    
		return new ActiveXObject("Msxml2.XMLHTTP");    
	}
  	catch (e)
    {    
		try
      	{      
			return new ActiveXObject("Microsoft.XMLHTTP");      
		}
	    catch (e)
    	{      
	  	alert("Your browser does not support AJAX!");      
	  	return false;      
	  	}    
	 } 
}

}
//Our XmlHttpRequest object
var receiveReq = getXmlHttpRequestObject();


//Initiate the AJAX request

function makeRequest(url, param) {
//If our readystate is either not started or finished, initiate a new request
if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {

   //Set up the connection. True sets the request to asyncronous(default) 
   receiveReq.open("POST", url, true);

   //Set the function that will be called when the XmlHttpRequest objects state changes
   receiveReq.onreadystatechange = updatePage; 

   //Add HTTP headers to the request
   receiveReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   receiveReq.setRequestHeader("Content-length", param.length);
   receiveReq.setRequestHeader("Connection", "close");

   //Make the request
   receiveReq.send(param);
 }
}

//Called every time our XmlHttpRequest objects state changes
function updatePage() {
 //Check if our response is ready
 if (receiveReq.readyState == 4) {
   //Set the content of the DIV element with the response text
   document.getElementById('result').innerHTML = receiveReq.responseText;
   document.getElementById('frmLogin').style.display = "none";
 }
}

function showFields()
{
	document.getElementById('frmLogin').style.display = "";
	document.getElementById('result').innerHTML ="";
}


//Called every time when form is submitted

function getParam(theForm) {
	//alert(receiveReq.domain);
	//Set the URL - force it to use https
    //var url ="https://" + window.location.hostname + "/login.process.php";

	var url ="/login.process.php";

	//Set up the parameters of our AJAX call
	var postStr ="loginEmail="+theForm.loginEmail.value;
	postStr = postStr+"&loginPassword="+theForm.loginPassword.value;
	//Call the function that initiate the AJAX request
	//alert(url+" "+postStr);
	
	makeRequest(url, postStr);
}