function color(name)
{
	var element=name;
	if(element.value.length==3)
	{
		element.value=element.value.toUpperCase();
		if(check(element.value.substr(0, 1)) && check(element.value.substr(1,1)) && check(element.value.substr(2, 1))) 
		{
			var color='#'+element.value.substr(0,1);
			color+=element.value.substr(0,1)+element.value.substr(1,1);
			color+=element.value.substr(1,1)+element.value.substr(2, 1)+element.value.substr(2, 1);
			element.style.backgroundColor=color;
			element.style.color=color;
		}
		else
			unColor3(name);
	}
	else
		unColor3(name);
}
function unColor(name)
{
	name.style.backgroundColor='#FFFFFF';
	name.style.color='#000000';
}
function unColor2(name)
{
	name.style.backgroundColor='#BBBBBB';
	name.style.color='#FFFFFF';
}
function unColor3(name)
{
	name.style.backgroundColor='#BBBBBB';
	name.style.color='#FF0000';
}
function check(char)
{
	//error(char);
	if(char=="A" || char=="B" || char=="C" || char=="D" || char=="E" || char=="F" || char=="1" || char=="2" || char=="3" || char=="4" || char=="5" || char=="6" || char=="7" || char=="8" || char=="9" || char=="0")
		return true;
	return false;
}

function loadColors()
{
	color(document.getElementById("startColor"));
	color(document.getElementById("midColor"));
	color(document.getElementById("endColor"));
}