//-----------------------Write Color Functions------------------------//

var xmlHttp;

function getColors(doc)
{
	xmlHttp = null;
	
	if (window.XMLHttpRequest)
	{
		//IE7, Firefox, Mozilla, etc.
		xmlHttp = new XMLHttpRequest();
	}
	else if (window.ActiveXObject)
	{
		//IE5, IE6
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	if (xmlHttp != null)
	{
		xmlHttp.onreadystatechange=onResponse;
		xmlHttp.open("GET",doc,true);
		xmlHttp.send(null);
	}
	else
	{
		alert("We are unable to populate the list of colors because your browser is outdated or does not support javascript. Please update your browser or use a common, modern browser.");
	}
}

function onResponse()
{
	if (xmlHttp.readyState != 4) return;
	if (xmlHttp.status != 200)
	{
		alert("Problem retrieving list of colors.");
		return;
	}

	var x = xmlHttp.responseXML.documentElement.getElementsByTagName('color');
	var output = 'Color: <select name="Color" title="Color" id="samplecolor" tabindex="8">';
	for (i = 0; i < x.length; i++)
		{
			var color = x[i].firstChild.nodeValue;
			{
				try
				{
					output = output + '<option label="' + color + '" value="' + color + '" title="' + color + '">' + color + '</option>';
				}
				catch(e)
				{
					output = output + '<option></option>';
				}
			}
		}
	output = output + '</select>';
	document.getElementById('color').innerHTML=output;
}