var odc = null;
var osrc = null;
var ssrc = null;

function buildColors()
{
	var z = '<td class=c onclick=cc(this) onmousemove=cm(this) style="background-color:#';
	var a = new Array("00","33","66","99","cc","ff");
	var cc = a.length;
	var q = "";
	var s = '<table cellspacing=1 border=0 onclick=cc(0)>';
	for(r=0;r<cc;r++)
	{
		q = "<tr onclick=cc(0)>";
		for(g=0;g<cc;g++)
			for(b=0;b<cc;b++)
				q += z + a[r] + a[g] + a[b] + ';"></td>';
	    q += z + a[r] + a[r] + a[r] + ';"></td>';
		q += "</tr>";
		s += q;
	}
	s += "</table>";
	odc = document.getElementById("divColors");
	odc.innerHTML = s;
}

function hideColorDiv()
{
	if (osrc != null)
	{
		var e = document.getElementById(ssrc);
		if (e != null)
		{
		    var r = '';
		    var s = osrc.style.borderLeftColor;
		    if (s.substr(0,1) == "#")
		    {
		        r = s.substr(1);
		    }
		    else 
		    {
		        var a = s.substr(s.indexOf("(")+1).split(",");
		        for(var i=0;i<3;i++)
		        {
		            var t = parseInt(a[i],10).toString(16);
		            if (t.length < 2) t = "0" + t;
		            r += t;
		        }
		    }
			e.value = r;
	    }
		ssrc = '';
		osrc = null;
		odc.style.display = 'none';
	}
	return;
}

function showHideColors(e,s)
{
	if (null==odc) buildColors();
	if (osrc == e)
	{
		hideColorDiv();
	}
	else
	{
		hideColorDiv();
		osrc = e;
		ssrc = s;
		odc.style.display = 'inline';
	}
}

function cc(e)
{
    if (e)
    {
        osrc.style.borderColor = e.style.backgroundColor;
    }
	hideColorDiv();
}

function cm(e)
{
	if (osrc != null)
		osrc.style.borderColor = e.style.backgroundColor;
}