anchor.diff:              empty = false;
             }
           });
  -        if (empty) {
  -          $('#transformer-attributes').show();
  -          $('#transformer-select').hide();
  -          $('#result-field-selection').fadeIn('fast');
  -        }
  -        else {
  -          $('#transformer-select').show();
  -          $('#transformer-attributes').hide();
  -          $('#result-field-selection').fadeOut('fast');
  -        }
  +        toggleTransformerAttributes(empty);
           $('#transformer').fadeIn('fast');
         }
         else {
  
positive.code: <script type="text/javascript">
    var fields = <%= @fields.inject({}) { |h, f| h[f.id] = { 'type' => f.final_type, 'db_type' => f.final_db_type }; h }.to_json %>;
    var transformers = <%= @transformers.inject({}) { |h, t| h[t.id] = { 'name' => t.name, 'allowed_types' => t.allowed_types, 'result_type' => t.result_type }; h }.to_json %>;
    $(function() {
      $('#source_field_id').combobox().change(function() {
        var source_field_id = $(this).val();
  
negative.code:         <table class="show">
            <tr>
              <td class="col1 no-border"><label for="name">Name:</label></td>
              <td><input id="name" name="transformation[transformer_attributes][name]" type="text" disabled="disabled" /></td>
            </tr>
            <tr>
              <td class="col1 no-border"><label for="allowed_types">Allowed Field Types:</label></td>
              <td>
                <select id="allowed_types" name="transformation[transformer_attributes][allowed_types][]" multiple="multiple" disabled="disabled">
                <% [%w{integer Integer}, %w{string String}, %w{datetime Date/Time}].each do |(value, label)| %>
                  <option value="<%= value %>"><%= label %></option>
                <% end %>
  