var xmlHttpcenter = 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 getcenter(color_id)
{
	try
	{
		xmlHttpcenter.open("GET", "js/getcenter.php?id=" + color_id, true);
		xmlHttpcenter.onreadystatechange = Addcenter;
		xmlHttpcenter.send(null);
	}
	catch(e)
	{
		alert(xmlHttpcenter.statusText);
	}
}

function Addcenter()
{
	if (xmlHttpcenter.readyState == 4)
	{
		if (xmlHttpcenter.status == 200)
		{
			try
			{
				postcenter();
			}
			catch(e)
			{
				alert(xmlHttpcenter.statusText);
			}
		}
		else
		{
			alert(xmlHttpcenter.status);
		}
	}
}

function postcenter()
{
	var responses = xmlHttpcenter.responseXML.documentElement;
	
	var tempimage = responses.getElementsByTagName("im")[0].firstChild.data;
	var tempdesc = responses.getElementsByTagName("descr")[0].firstChild.data;
	var tempribs = responses.getElementsByTagName("ribs")[0].firstChild.data;
	var tempcenter = responses.getElementsByTagName("center")[0].firstChild.data;
	var temptotal = responses.getElementsByTagName("total")[0].firstChild.data;
	
	if (tempribs == " ")
	{
		tempribs = "&nbsp;";
	}else{
		tempribs = "$" + tempribs + ".00";
	}
	if (tempcenter == " ")
	{
		tempcenter = "&nbsp;";
	}else{
		tempcenter = "$" + tempcenter + ".00";
	}
	
	document.getElementById("center").innerHTML = "<img src='CustomGT/center/" + tempimage + ".gif' />";
	document.getElementById("centercolor").innerHTML = tempdesc;
	document.getElementById("ribAmmt").innerHTML = tempribs;
	document.getElementById("centerAmmt").innerHTML = tempcenter;
	document.getElementById("totalAmmt").innerHTML = temptotal;
}