gistfile1.js

LearnHub.ColorPalette = {

  init : function()
  {
    $$('.color-palette-swatch-color').
      invoke('observe', 'click', LearnHub.ColorPalette.selectSwatchViaEvent);
  },

  selectSwatch : function(element)
  {
    LearnHub.ColorPalette.unselectAllSwatches();
    element.addClassName('selected');
    element.adjacent('input[type=radio]')[0].checked = true;
  },

  selectSwatchViaEvent : function(event)
  {
    element = event.findElement('.color-palette-swatch-color');
    LearnHub.ColorPalette.selectSwatch(element);
  },

  unselectAllSwatches : function()
  {
    $$('.color-palette-swatch-color').
      invoke('removeClassName', 'selected');
  }

}