anchor.diff:    <div class="clear"></div>
   
     <div class="grid_8">
  -
  -      <%-- preview table will be populated by JS here --%>
  -    <div id="preview-table" class="box grid_12 last collection-table nowrap nomargin results">
  -      <script type="text/javascript">if (showTable) jQuery("#preview-table").hide();</script>
  -      <div class="gradient-wrap">
  -          <table>
  -            <tbody></tbody>
  -          </table>
  -          <div class="gradient"></div>
  -        </div>
  -        <div class="toggle">
  -          <a class="more" title="Show the results list">Show the list</a>
  -        </div>
  -      </div>
  -
  -        <script type="text/javascript">
  -          (function() {
  -            <%-- give me the columns in the table in order --%>
  -            var columns = Array();
  -            jQuery("#list-table table thead th").each(function(index) {
  -              columns.push(jQuery(this).attr('title'));
  -            });
  -
  -            <%-- add the "first" two columns --%>
  -            var previewColumns = Array();
  -            previewColumns.push(columns[0]);
  -            previewColumns.push(columns[1]);
  -
  -            var limit = 3;
  -            jQuery("#list-table table tbody tr").each(function(index) {
  -              limit--;
  -              var sourceTr = this;
  -              <%-- copy over the relevant row columns --%>
  -              jQuery('<tr/>', {
  -                'html': function() {
  -                  var tr = this;
  -                      jQuery.each(previewColumns, function(index, value) {
  -                        jQuery('<td/>', {
  -                          'text': function() {
  -                            // shift by 1 as first column is the checkbox
  -                            var column = jQuery(sourceTr).find("td:eq("+(columns.indexOf(value))+")");
  -                            if (column.find('a').exists()) {
  -                              return column.find('a').text();
  -                            }
  -                            return column.text();
  -                          }
  -                        }).appendTo(tr);
  -                      });
  -                }
  -              }).appendTo("#preview-table table tbody");
  -
  -              if (limit <= 0) return false;
  -            });
  -
  -          // will show/hide the results table and toolbox & change the link appropriately (text, ico)
  -          function toggleResults() {
  -          if (jQuery('#preview-table:visible').length > 0) {
  -            // show the full list, hide preview table
  -            jQuery('#preview-table').hide();
  -              jQuery('#ListArea').slideDown().scrollTo('slow', 'linear', -25);
  -          } else {
  -            // hide the full list, show preview table
  -            jQuery('#ListArea').slideUp();
  -            jQuery('#preview-table').show();
  -            jQuery('#ListCategory').scrollTo('slow', 'linear', -15);
  -          }
  -          }
  -
  -          // shuffle "selected" around:
  -          jQuery("#results b").not("table.results b").remove();
  -          var s = jQuery.trim(jQuery("#results span#selectedIdFields").first().html());
  -          jQuery("#results span#selectedIdFields").first().remove();
  -          jQuery("#results span#selectedIdFields").html(s);
  -
  -          if (s.length == 0) { // hide when we have not selected anything before reload
  -            jQuery('#results div.selected span.desc').hide();
  -          }
  -
  -          // monitor checkboxes for changes
  -          jQuery('#results input').each(function(index) {
  -            jQuery(this).click(function() {
  -              if (jQuery('#results div.selected span.desc').is(':visible')) {
  -                if (jQuery('#results div.selected #selectedIdFields').html().length == 0) {
  -                    jQuery('#results div.selected span.desc').hide();
  -                    window.location.hash = '';
  -                }
  -              } else {
  -                if (jQuery('#results div.selected #selectedIdFields').html().length > 0) {
  -                    jQuery('#results div.selected span.desc').show();
  -                }
  -                // append a param so that we keep table expanded upon reload
  -                window.location.hash = 'hasHighlighted';
  -              }
  -            });
  -          });
  -
  -          // apply highlight class to rows that were selected before reload
  -          jQuery('#results input:checked').each(function(index) {
  -            jQuery(this).parent().parent().find('td').not('th td').addClass('highlightCell');
  -          });
  -
  -          // toggler events
  -          jQuery('#preview-table').click(function() {
  -            toggleResults();
  -          });
  -          jQuery('#list-table div.toggle a.less').click(function() {
  -          toggleResults();
  -        });
  -          })();
  -        </script>
   
         <%-- convert to a different type & orthologues --%>
         <div class="box grid_6" id="convertList">
  
positive.code:               <tiles:put name="highlightId" value="${highlightId}"/>
            </tiles:insert>
          </div>
          <div class="toggle">
            <a class="less" title="Hide the list">Hide the list</a>
          </div>
  
          <div class="selected">
            <span class="desc">Selected:</span>
            <span id="selectedIdFields"></span>
          </div>
        </div>
      </div>
  
  
negative.code:   </c:choose>
  
    <div id="ListArea">
  
      <%-- list table --%>
      <div id="results" class="box grid_12">
  
      <div id="list-table" class="collection-table nowrap results">
        <div style="overflow-x:auto;">
  