var ClrPicker = {

    frmControl:null,
    init:function(container)
    {
        var clr = ["FF", "CC", "AA", "99", "66", "33", "00"];
        var str='<div id="clrPicker">';
        var code="";

        for (var i=0; i<clr.length; i++)
        {
          for (var j=0; j<clr.length; j++)
          {
             for (var k=0; k<clr.length; k++)
             {
                 code = "#" + clr[i] + clr[k] + clr[j];
                 str += '<a href="javascript:void(0)" onclick="ClrPicker.pick(\'' + code + '\')" title="' + code + '" style="background-color:' + code +';" >&nbsp;</a>';
             }
          }
        }
        str += '</div>';
        $(container).innerHTML = str;
    },

    currentControl:function(elem)
    {
        this.frmControl = $(elem);
        this.show();
    },

    pick:function(code)
    {
        this.frmControl.value = code;
        FmDesigner.saveProperties(null, null);
    },

    show:function()
    {
        Dialog.show("dlgPicker");
    }
};