SAMPLE_COLOR_IMAGE       = "sample_color";

function HexToDec(chr)
{
	if (chr == 'F' || chr == 'f') return 15;
	else
	if (chr == 'E' || chr == 'e') return 14;
	else
	if (chr == 'D' || chr == 'd') return 13;
	else
	if (chr == 'C' || chr == 'c') return 12;
	else
	if (chr == 'B' || chr == 'b') return 11;
	else
	if (chr == 'A' || chr == 'a') return 10;	
	else return parseInt(chr);
}

function GetRed(clr)
{
	var red = clr.substring(0, 2);
	var answer = 16 * HexToDec(red.charAt(0)) + HexToDec(red.charAt(1));
	return answer;
}
function GetGreen(clr)
{
	var green = clr.substring(2, 4);
	var answer = 16 * HexToDec(green.charAt(0)) + HexToDec(green.charAt(1));
	return answer;
}
function GetBlue(clr)
{
	var blue = clr.substring(4, 6);
	var answer = 16 * HexToDec(blue.charAt(0)) + HexToDec(blue.charAt(1));
	return answer;
}

function SetVisualColor(hex_string)
{
	var i = 0;
	if (document.layers)
		window.setTimeout("SetVisualColorEx('" + hex_string + "')", 500);
	else
		SetVisualColorEx(hex_string);
}

function SetVisualColorEx(hex_string)
{
	var code = "../img/sample_clr.img?" + "r=" + GetRed(hex_string) + "&g=" + GetGreen(hex_string) + "&b=" + GetBlue(hex_string);
	var img  = new Image();
	img.src  = code;
	document.images[SAMPLE_COLOR_IMAGE].src = img.src;
}