gistfile1.js

    SwappableFields = Class.create({
      
      initialize: function() {
        $$('.swappable').each(this.makeSwappable);
      },

      makeSwappable: function(element) {
        var obj = this;
        element.observe('click', this.swap.bind(obj));
        element.observe('mouseover', this.showAsSwappable.bind(obj));
        element.observe('mouseout', this.showAsSwappable.bind(obj));
      },

      showAsSwappable: function(element) {
        element.toggleClassName('editable');
      },
    
      swap: function(element) {
        element.hide();
        field = element.id.gsub(/_text/, '_field');
        $(field).show();
        $('swappable_form_buttons').show();
      }
    });
    
    Event.observe(window, 'load', new SwappableFields);