anchor.diff:      <tiles:insert name="bagDetailsMenu.jsp" />
     </div>
     <script type="text/javascript">
  -  	(function() {
  -	    jQuery('#fixed-menu').hide(); // hide for IE7
  -	    jQuery(window).scroll(function() {
  -	      // transition fix
  -	      if (jQuery('#menu-target').isInView('partial')) {
  -	        jQuery('#fixed-menu').hide();
  -	      } else {
  -	        jQuery('#fixed-menu').show();
  -	      }
  -	    });
  -  	})();
  +    (function() {
  +      jQuery('#fixed-menu').hide(); // hide for IE7
  +      jQuery(window).scroll(function() {
  +        // transition fix
  +        if (jQuery('#menu-target').isInView('partial')) {
  +          jQuery('#fixed-menu').hide();
  +        } else {
  +          jQuery('#fixed-menu').show();
  +        }
  +      });
  +    })();
     </script>
   
     <%-- main content --%>
  
positive.code: 
      </div>
  
  	<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'));
  	      		});
  	      		
  	      		<%-- only valid columns --%>
  	      		var previewColumns = Array();
  	      		jQuery.each('${showInPreviewTable}'.replace(/\[|\]/g, '').split(', '), function(index, value) { 
  	      		  if (jQuery("#list-table table thead th[title='"+value+"']").exists()) {
  	      			previewColumns.push(value);
  	      		  }
  	      		});
  	      		
  	      		<%-- no config, add the "first" two columns --%>
  	      		if (previewColumns.length == 0) {
  	      			previewColumns.push(columns[1]);
  	      			if (columns.length > 2) {
  	      				previewColumns.push(columns[2]);
  	      			}
  	      		}
  	      		
        			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() {
        	      							return jQuery(sourceTr).find("td:nth-child("+(columns.indexOf(value)+1)+")").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">
  	      <div class="feature convert">
  	        <html:form action="/modifyBagDetailsAction" styleId="bagDetailsForm">
  	        <html:hidden property="bagName" value="${bag.name}"/>
  	          <tiles:insert name="convertBag.tile">
  	            <tiles:put name="bag" beanName="bag" />
  	            <tiles:put name="idname" value="cp" />
  	            <tiles:put name="orientation" value="h" />
  	          </tiles:insert>
  	        </html:form>
  	      </div>
  	    </div>
  	
  	    <%-- download list --%>
  	    <div class="box grid_6" id="download">
  	      <div class="feature">
  	        <h3 class="goog">Download</h3>
  	        <c:set var="tableName" value="bag.${bag.name}" scope="request"/>
  	        <c:set var="pagedTable" value="${pagedResults}" scope="request"/>
  	        <tiles:get name="export.tile"/>
  	      </div>
  	    </div>
      </div>
  
      <%-- external links --%>
  
negative.code: 
      <div class="clear"></div>
  
    <%-- show expanded table immediately? --%>
    <c:choose>
      <c:when test="${not empty param.gotoHighlighted || not empty param.page || not empty param.table}">
        <script type="text/javascript">var showTable = true;</script>
      </c:when>
      <c:otherwise>
        <script type="text/javascript">
          if (window.location.hash == '#hasHighlighted') var showTable = true;
        </script>
      </c:otherwise>
    </c:choose>
  
    <div id="ListArea">
    <script type="text/javascript">if (!showTable) jQuery("#ListArea").hide();</script>
  
      <%-- list table --%>
      <div id="results" class="box grid_12">
  