function AjaxObject()
{
  this.XmlHttp = this.GetHttpObject();
}
 
AjaxObject.prototype.GetHttpObject = function()
{ 
  var xmlhttp;
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}
 
AjaxObject.prototype.DoCallBack = function(thePage, theData, eventArgument)
{
  if( this.XmlHttp )
  {
    if( this.XmlHttp.readyState == 4 || this.XmlHttp.readyState == 0 )
    {
      var oThis = this;
      this.XmlHttp.open('POST', thePage, true);
      this.XmlHttp.onreadystatechange = function(){ oThis.ReadyStateChange(); };
      this.XmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
      this.XmlHttp.send(theData);
    }
  }
}
 
AjaxObject.prototype.AbortCallBack = function()
{
  if( this.XmlHttp )
    this.XmlHttp.abort();
}
 
AjaxObject.prototype.OnLoading = function()
{
  // Loading
  var working = document.getElementById('working');
  if (working)
  {
    working.innerHTML = '<img src="busy_spinner_medium.gif" height="20px" alt="working..." /> Loading...';
    working.style.visibility = 'visible';
  }
}
 
AjaxObject.prototype.OnLoaded = function()
{
  // Loaded
  var working = document.getElementById('working');
  if (working)
  {
    working.innerHTML = '<img src="busy_spinner_medium.gif" height="20px" alt="working..." /> Loaded...';
    working.style.visibility = 'visible';
  }
}
 
AjaxObject.prototype.OnInteractive = function()
{
  // Interactive 
  // this is normal mode when doing nothing
  var working = document.getElementById('working');
  if (working)
  {
    working.innerHTML = '<img src="busy_spinner_medium.gif" height="20px" alt="working..." /> Interactive...';
    working.style.visibility = 'hidden';
    //working.innerHTML = ''; 
  }
}
 
AjaxObject.prototype.OnComplete = function(responseText, responseXml)
{
  // Complete
  var working = document.getElementById('working');
  if (working)
  {
    working.innerHTML = '<img src="busy_spinner_medium.gif" height="20px" alt="working..." /> Done...';
    working.style.visibility = 'visible';
  }
}
 
AjaxObject.prototype.OnAbort = function()
{
  // Abort
  var working = document.getElementById('working');
  if (working)
  {
    working.innerHTML = '<img src="busy_spinner_medium.gif" height="20px" alt="working..." /> Aborted...';
  }
}
 
AjaxObject.prototype.OnError = function(status, statusText)
{
  // Error
  var working = document.getElementById('working');
  if (working)
  {
    working.innerHTML = '<img src="busy_spinner_medium.gif" height="20px" alt="working..." /> Error...';
  }
}
 
AjaxObject.prototype.ReadyStateChange = function()
{
  if( this.XmlHttp.readyState == 1 )
  {
    this.OnLoading();
  }
  else if( this.XmlHttp.readyState == 2 )
  {
    this.OnLoaded();
  }
  else if( this.XmlHttp.readyState == 3 )
  {
    this.OnInteractive();
  }
  else if( this.XmlHttp.readyState == 4 )
  {
    if( this.XmlHttp.status == 0 )
      this.OnAbort();
    else if( this.XmlHttp.status == 200 && this.XmlHttp.statusText == "OK" )
      this.OnComplete(this.XmlHttp.responseText, this.XmlHttp.responseXML);
    else
      this.OnError(this.XmlHttp.status, this.XmlHttp.statusText, this.XmlHttp.responseText);   
  }
}