function ColorSelector(id, xOff, yOff)
{
  if (id != null)
  {
    ColorSelector.init(this, id, xOff, yOff);
  }
}
new ColorSelector(null, null, null);

ColorSelector.prototype = new SelectorMenu(null, null, null);
ColorSelector.prototype.superShow = SelectorMenu.prototype.show;
ColorSelector.hide = SelectorMenu.hide;
ColorSelector.get = SelectorMenu.get;
ColorSelector.h = SelectorMenu.h;
ColorSelector.selectorArray = SelectorMenu.selectorArray;
ColorSelector.selections = SelectorMenu.selections;

ColorSelector.init = function(obj, id, xOff, yOff)
{
  if (id != null)
  {
    SelectorMenu.init(obj, id, xOff, yOff);
    obj.previewSwatchObjID = null;
    obj.formEl = null;
  }  
}

ColorSelector.prototype.show = function(selectorID)
{
  var a = ColorSelector.selections[selectorID];
  if (a != null)
  {
    this.previewSwatchObjID = a['previewSwatchObjID'];
    this.formEl = a['formEl'];
    this.dispEl = a['dispEl'];
    this.formNotify = a['formNotify'];
    this.superShow(selectorID);
  }
}


ColorSelector.prototype.choose = function(color, num)
{
  var obj;
  if ((this.previewSwatchObjID != null) && 
      SelectorMenu.sane)
  {
    obj = document.getElementById(this.previewSwatchObjID);
    obj.style.backgroundColor = "#"+color;
  }

  if (this.formEl != null)
  {
    this.formEl.value = color;
  }
  
  if (this.dispEl != null)
  {
    this.dispEl.value = " #"+num;
  }

  if (this.formNotify != null)
  {
    if (this.formNotify.chooseColor != null)
    {
      this.formNotify.chooseColor(this.formEl, this.dispEl);
    }
    this.formNotify.onchange();
  }
  
  this.hide();
}

ColorSelector.choose = function(id, color, num)
{
  var o;
  if ((o = ColorSelector.h[id]) != null)
  {
    o.choose(color, num);
  }
}

ColorSelector.show = function(id, selectorID)
{
  var obj;
  if ((obj = ColorSelector.h[id]) != null)
  {
    obj.show(selectorID);
  }
}