// holds an instance of XMLHttpRequest
var xmlHttp = createXmlHttpRequestObject();
// holds the remote server address 
var serverAddress = "./ajax/validate.php";
// when set to true, display detailed error messages
var showErrors = true;
// initialize the validation requests cache 
var cache = new Array();

//inputs
var ids = new Array('calendar_checkin','calendar_checkout');

// creates an XMLHttpRequest instance
function createXmlHttpRequestObject() 
{
  // will store the reference to the XMLHttpRequest object
  var xmlHttp;
  // this should work for all browsers except IE6 and older
  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");
    // try every id until one works
    for (var i=0; i<XmlHttpVersions.length && !xmlHttp; i++) 
    {
      try 
      { 
        // try to create XMLHttpRequest object
        xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
      } 
      catch (e) {} // ignore potential error
    }
  }
  // return the created object or display an error message
  if (!xmlHttp)
    displayError("Error creating the XMLHttpRequest object.");
  else 
    return xmlHttp;
}

// function that displays an error message
function displayError($message)
{
  // ignore errors if showErrors is false
  if (showErrors)
  {
    // turn error displaying Off
    showErrors = false;
    // display error message
 
    alert("Error encountered: \n" + $message);
    // retry validation after 10 seconds
    ///setTimeout("validate();", 10000);
  }
}

// the function handles the validation for any form field
function validate(names, values)
{

var query='';

  // only continue if xmlHttp isn't void
  if (xmlHttp)
  {
    // if we received non-null parameters, we add them to cache in the
    // form of the query string to be sent to the server for validation
    if (names[0])
    {
    
    	for (i=0; i<ids.length; i++) {
		//names[i] = ids[i];
		//values[i] = document.getElementById(ids[i]).value;
		
		if(i){
			query=query + "&";
		}
		
		query=query + names[i] + "=" + encodeURIComponent(values[i]);
	}
	
      // encode values for safely adding them to an HTTP request query string
      //inputValue = encodeURIComponent(inputValue);
      //fieldID = encodeURIComponent(fieldID);
      // add the values to the queue
      
      //alert(query);
      
      //cache.push("inputValue=" + inputValue + "&fieldID=" + fieldID);
      cache.push(query);
      
      
      
    }
    // try to connect to the server
    try
    {
      // continue only if the XMLHttpRequest object isn't busy
      // and the cache is not empty
      if ((xmlHttp.readyState == 4 || xmlHttp.readyState == 0) 
         && cache.length > 0)
      {
        // get a new set of parameters from the cache
        var cacheEntry = cache.shift();
        // make a server request to validate the extracted data
        xmlHttp.open("POST", serverAddress, true);
        xmlHttp.setRequestHeader("Content-Type", 
                                 "application/x-www-form-urlencoded");
        xmlHttp.onreadystatechange = handleRequestStateChange;
        xmlHttp.send(cacheEntry);
      }
    }
    catch (e)
    {
      // display an error when failing to connect to the server
      displayError(e.toString());
    }
  }
}

// function that handles the HTTP response
function handleRequestStateChange() 
{
  // when readyState is 4, we read the server response
  if (xmlHttp.readyState == 4) 
  {
    // continue only if HTTP status is "OK"
    if (xmlHttp.status == 200) 
    {
      try
      {
        // read the response from the server
        readResponse();
      }
      catch(e)
 
      {
        // display error message
        displayError(e.toString());
      }
    }
    else
    {
      // display error message
      displayError(xmlHttp.statusText);
    }
  }
}

// read server's response 
function readResponse()
{
  // retrieve the server's response 
  var response = xmlHttp.responseText;
  // server error?
  if (response.indexOf("ERRNO") >= 0 
      || response.indexOf("error:") >= 0
      || response.length == 0)
    throw(response.length == 0 ? "Server error." : response);
  // get response in XML format (assume the response is valid XML)
  responseXml = xmlHttp.responseXML;
  // get the document element
  //xmldoc = responseXml.documentElement;
  //alert(responseXml);
  //alert(xmlDoc.getElementsByTagName('chin')[0].firstChild.data);
//xmlDoc.getElementsByTagName('emperor');

  //result = xmlDoc.getElementsByTagName("result")[0].firstChild.data;
  //fieldID = xmlDoc.getElementsByTagName("fieldid")[0].firstChild.data;
  // find the HTML element that displays the error
  ///message = document.getElementById(fieldID + "Failed");
  //message = document.getElementById(fieldID);
  // show the error or hide the error
  //message.className = (result == "0") ? "error" : "valid";
  //message.style.border = (result == "0") ? "1px solid #ff0000" : "1px solid #1139ad";
  
  xmlRoot = responseXml.documentElement;
  nameArray = xmlRoot.getElementsByTagName("name");
  checkArray = xmlRoot.getElementsByTagName("check");
  valueArray = xmlRoot.getElementsByTagName("value");
  
  //alert(nameArray[0].firstChild.data);
  var html='';
  var ChInput;
  var result;
  
  //alert(valueArray[2].firstChild.data);
  
  for(var i=0; i<nameArray.length; i++) {

	  var NewValue=0;
	  
	  //html += nameArray.item(i).firstChild.data+"\n";
	  //if(checkArray.item(i).firstChild.data) {
		ChInput=document.getElementById(nameArray.item(i).firstChild.data);
		result = checkArray.item(i).firstChild.data;
		///ChInput.style.border = (result == "0") ? "1px solid #ff0000" : "1px solid #1139ad";
		
		NewValue=valueArray.item(i).firstChild.data;
		//alert(NewValue);
		if(NewValue != '0') {
			ChInput=document.getElementById(nameArray.item(i).firstChild.data);
			ChInput.value=NewValue;
		}
		
		
	  //}
	  
	  
  }
  
  //alert(html);
  
  // call validate() again, in case there are values left in the cache
  //setTimeout("validateAll();", 500);
}

// sets focus on the first field of the form
//function setFocus()    
//{
 // document.getElementById("chin").focus();
//}

function validateAll()
{
	var names = new Array();
	var values = new Array();
	//document.getElementById("chin")

	for (i=0; i<ids.length; i++) {
		//alert(ids[i]);
		names[i] = ids[i];
		values[i] = document.getElementById(ids[i]).value;
	}

	validate(names, values);

}

// kosheen