var xmlHttprecess = createXmlHttpRequestObject();

function createXmlHttpRequestObject() 
{
  var xmlHttp;
 
  try
  {
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    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 
      { 
        xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
      } 
      catch (e) {}
    }
  }
  if (!xmlHttp)
    alert("Error creating the XMLHttpRequest object.");
  else 
    return xmlHttp;
}

function getrecess(color_id)
{
	try
	{
		xmlHttprecess.open("GET", "js/getrecess.php?id=" + color_id, true);
		xmlHttprecess.onreadystatechange = Addrecess;
		xmlHttprecess.send(null);
	}
	catch(e)
	{
		alert(xmlHttprecess.statusText);
	}
}

function Addrecess()
{
	if (xmlHttprecess.readyState == 4)
	{
		if (xmlHttprecess.status == 200)
		{
			try
			{
				postrecess();
			}
			catch(e)
			{
				alert(xmlHttprecess.statusText);
			}
		}
		else
		{
			alert(xmlHttprecess.status);
		}
	}
}

function postrecess()
{
	var responses = xmlHttprecess.responseXML.documentElement;
	
	var tempimage = responses.getElementsByTagName("im")[0].firstChild.data;
	var tempdesc = responses.getElementsByTagName("descr")[0].firstChild.data;
	var temprecess = responses.getElementsByTagName("recess")[0].firstChild.data;
	var temptotal = responses.getElementsByTagName("total")[0].firstChild.data;
	
	document.getElementById("recess").innerHTML = "<img src='CustomGT/recess/" + tempimage + ".gif' />";
	document.getElementById("recesscolor").innerHTML = tempdesc;
	document.getElementById("recessAmmt").innerHTML = "$" + temprecess + ".00";
	document.getElementById("totalAmmt").innerHTML = "<strong>" + temptotal + "</strong>";
}