var CPcreated=false;

function createCP()
{

var cpvalues = Array("FF","CC","99","66","33","00");

var f;
var cr2;
var cb2;
var rgb;

var ret="<span><table class=\"colorpicker\" style=\"float:left; background-color: rgb(0,0,0);\" cellspacing=\"1\"><tbody>";
for (var cr=0;cr<12;cr++)
{
    ret+= "<tr>";
    if (cr>5)
    {
        f=3;
	cr2=cr-6;
    }
    else
    {
	f=0;
	cr2=cr;
    }
    for (var cb=0;cb<3;cb++)
    {
    
    for (var cg=0;cg<6;cg++)
    {
	cb2=f+cb;	
	rgb=cpvalues[cb2]+cpvalues[cr2]+cpvalues[cg];
	ret+= "<td style=\"background-color:#"+rgb+"; width:8px; height:8px;\" ><a href=\"#\" onclick=\"ColorClick(\'"+rgb+"\'); if (maprefresh) {RefreshMap();} return false;\"><img src=\""+static+"/blank.gif\" border=\"0\" style=\"width:8px; height:8px; margin:0px; padding:0px;\"/></a></td>";	
	}
    }   
    ret+= "</tr>";
}
ret+= "</tbody></table></span>";

ret+="<span id='colorpicker_close' style='padding:2px;padding-bottom:0px;border:1px black solid; position:relative;top:3px; left:-1px;background-color:#ffffff;'><img style='background-color:#ffffff; cursor:pointer;' onclick='HidePicker();' src=\""+static+"/cancel.png\" border='0' /></span>";
//position:relative; top:-40px; left:100px;
var cp=getElement("colorpicker");
cp.innerHTML=ret;
CPcreated=true;
}