function cPicker(){
document.write('<br><div id="colPick" style="display: none"><table style="background-color: #FFFFFF;border: 1px solid black"><tr>');
var hex1;
var hex2;
var hex3;
for (var i=1;i<7;i++){
if (i==1)hex1='FF';
if (i==2)hex1='CC';
if (i==3)hex1='99';
if (i==4)hex1='66';
if (i==5)hex1='33';
if (i==6)hex1='00';
if (i>1)document.write('</tr><tr>');
for (var j=1;j<7;j++){
if (j==1)hex2='00';
if (j==2)hex2='33';
if (j==3)hex2='66';
if (j==4)hex2='99';
if (j==5)hex2='CC';
if (j==6)hex2='FF';
for (var k=1;k<7;k++){
if (k==1)hex3='00';
if (k==2)hex3='33';
if (k==3)hex3='66';
if (k==4)hex3='99';
if (k==5)hex3='CC';
if (k==6)hex3='FF';
if (hex2+hex1+hex3=='FFFFFF'){
var bd=';border: 1px solid #cccccc;width:11px';
}
else{
var bd='';
}
ins="<td class=\"pickTd\" style=\"background-color: #"+hex2+hex1+hex3+bd+";\" onClick=\"selectCol('#"+hex2+hex1+hex3+"');this.blur;return false;\" href=\"#\" title=\"#"+hex2+hex1+hex3+"\">&nbsp;</td>";
document.write(ins);
}
}
}
document.write('</tr></table>');
var scr='<s';
scr +='cript language="JavaScript" type="text/javascript">function selectCol(col){document.getElementById("coll").style.background=col;document.getElementById("hCode").innerHTML="&nbsp;&nbsp;&nbsp;hex code: "+col;if(document.demo.cPick[0].checked==true){document.demo.hCol1.value=col;}if(document.demo.cPick[1].checked==true){document.demo.mCol1.value=col;}if(document.demo.cPick[2].checked==true){document.demo.bg1.value=col;}}</s';
scr +='cript><table><tr><td>selected color: </td><td id="coll" style="width: 20px;height:20px;border:1px solid black;background-color:#FFFFFF;">&nbsp;</td><td id="hCode">&nbsp;&nbsp;&nbsp;hex code: #FFFFFF</td></tr></table></div><br>';
document.write(scr);
return '';
}