function ColorChanged(ColorBox, ColorField)
{
	var hex = ColorField.value.toUpperCase();
	var bad = false;
	for(var i = 0; i < 6; i++)
		if("0123456789ABCDEF".indexOf(hex.substr(i, 1)) == -1)
		{
			bad = true;
			break;
		}
	if(bad || hex.length != 6) 
	{
		alert('Invalid Color');
		return;
	}
	ColorBox.style.backgroundColor = '#' + ColorField.value;
}

var ColorPicker_InputField;
var ColorPicker_Icon;

function ColorPicker_Picked(color)
{
	ColorPicker_InputField.value = color;
	ColorPicker_Icon.style.backgroundColor = "#" + color;
}

function ChangeColor(ColorBox, ColorField)
{
	var ieVersion = null;
	var color = null;

	if(document.all && navigator.appVersion.indexOf("MSIE ") != -1)
	{
		ieVersion = navigator.appVersion;
		ieVersion = ieVersion.substr(ieVersion.indexOf("MSIE ") + 5);
		ieVersion = ieVersion.substr(0, ieVersion.indexOf(";"));
		ieVersion = new Number(ieVersion);
	}

	if(ieVersion != null && ieVersion >= 5.5)
	{
		var arguments = new Array();
		arguments["Color"] = new String(ColorField.value);
		arguments["DefaultLanguage"] = "en-us";
		arguments["LanguageDetection"] = true;
		color = window.showModalDialog("javascript/bottom/IE5.5+/ColorPicker.htm", arguments, "dialogWidth:488px;dialogHeight:350px;help:no;center:yes;status:no;");
		if(color != null)
		{
			ColorBox.style.backgroundColor = "#" + color;
			ColorField.value = color;
		}
	} 
	else 
	{
		var query = "?DefaultLanguage=en-us&LanguageDetection=true&Color=" + ColorField.value;
		ColorPicker_InputField = ColorField;
		ColorPicker_Icon = ColorBox;
		window.open("javascript/bottom/NS7.1/ColorPicker.htm" + query, "ColorPicker", "width=488, height=300");
	}
}