<html>
<head>
<script   language=javascript>  
  <!--    
  function   showColorPicker()  
  {if(document.all("colorTable").style.display=="none")  
      document.all("colorTable").style.display="";  
      else  
      document.all("colorTable").style.display="none";  
      var   baseColor=new   Array(6);  
      baseColor[0]="00";    
      baseColor[1]="33";  
      baseColor[2]="66";  
      baseColor[3]="99";  
      baseColor[4]="CC";  
      baseColor[5]="FF";  
      var   myColor;  
      myColor="";  
      var   myHTML;  
      myHTML="<table   width=300   border=1   cellPadding=0   cellSpacing=0   bordercolordark='#ffffff'   bordercolorlight='#000000'><tr><td   bgcolor=#cccccc>     <input   id=colorInput   size=6   disabled   style='BACKGROUND-COLOR:   #cccccc;     BORDER-BOTTOM-COLOR:   #000000;   BORDER-BOTTOM-WIDTH:   1px;   BORDER-LEFT-COLOR:   #000000;   BORDER-LEFT-WIDTH:   1px;BORDER-RIGHT-COLOR:   #000000;   BORDER-RIGHT-WIDTH:   1px;   BORDER-TOP-COLOR:   #000000;   BORDER-TOP-WIDTH:   1px'><span   id=colorText></span></td></tr><tr><td>";  
      myHTML=myHTML+"<table   width='100%'   border='0'   cellpadding='0'   cellspacing='1'   bgcolor=#000000>";      
      for(i=0;i<6;i++)  
      {myHTML=myHTML+"<tr   height=10>";  
              for(j=0;j<3;j++)  
                {     for(k=0;k<6;k++)  
                      {                    
                          myColor=baseColor[j]+baseColor[k]+baseColor[i];  
                          myHTML=myHTML+"<td   width='10'   onmouseover='selectColor(this.bgColor)'   height='10'   bgColor='"+myColor+"'></td>";  
                      }  
                    }  
          myHTML=myHTML+"</tr>";        
      }          
      for(i=0;i<6;i++)  
      {myHTML=myHTML+"<tr   height=10>";  
              for(j=3;j<6;j++)  
                {   for(k=0;k<6;k++)  
                      {                    
                          myColor=baseColor[j]+baseColor[k]+baseColor[i];//get   Color  
                          myHTML=myHTML+"<td   width='10'   onmouseover='selectColor(this.bgColor)'   height='10'   bgColor='"+myColor+"'></td>";  
                      }  
                  }  
          myHTML=myHTML+"</tr>";        
      }  
       
      myHTML=myHTML+"</table>";  
      myHTML=myHTML+"</td></tr></table>";  
      document.all("colorTable").innerHTML=myHTML;      
  }  
  function   selectColor(colorStr)  
  {   document.all("colorText").innerHTML="     "+colorStr;  
        document.all("colorInput").style.backgroundColor=colorStr;  
         
  }  
  //-->  
  </script>
</head>
<body>
<input   type=button   name=bShowColorPicker   value=ShowColorPicker   onclick="showColorPicker()">
<div   id=colorTable   style="BACKGROUND-COLOR:   #ffffff;   DISPLAY:   none;   HEIGHT:   200px;   WIDTH:   400px"></div>
</body>
</html>