var xmlHttpribs = 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 getribs(color_id)
{
	try
	{
		xmlHttpribs.open("GET", "js/getribs.php?id=" + color_id, true);
		xmlHttpribs.onreadystatechange = Addribs;
		xmlHttpribs.send(null);
	}
	catch(e)
	{
		alert(xmlHttpribs.statusText);
	}
}

function Addribs()
{
	if (xmlHttpribs.readyState == 4)
	{
		if (xmlHttpribs.status == 200)
		{
			try
			{
				postribs();
			}
			catch(e)
			{
				alert(xmlHttpribs.statusText);
			}
		}
		else
		{
			alert(xmlHttpribs.status);
		}
	}
}

function postribs()
{
	var responses = xmlHttpribs.responseXML.documentElement;
	
	var tempimage = responses.getElementsByTagName("im")[0].firstChild.data;
	var tempdesc = responses.getElementsByTagName("descr")[0].firstChild.data;
	var tempdesc2 = responses.getElementsByTagName("desc2")[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 (tempdesc2 != "SAME")
	{
		document.getElementById("centercolor").innerHTML = tempdesc2; 
	}
	
	document.getElementById("ribs").innerHTML = "<img src='CustomGT/ribs/" + tempimage + ".gif' />";
	document.getElementById("ribcolor").innerHTML = tempdesc;
	document.getElementById("ribAmmt").innerHTML = "$" + tempribs + ".00";
	document.getElementById("centerAmmt").innerHTML = "$" + tempcenter + ".00";
	document.getElementById("totalAmmt").innerHTML = "<strong>" + temptotal + "</strong>";
}