anchor.diff:                  || className == 'Chromosome') && className != 'ChromosomeBand'}">
   <br />
   
  -<div id="InParanoidDisplayer" class="feature basic-table">
  +<div id="InParanoidDisplayer" class="collection-table imtables-dashboard container-fluid imtables">
     <c:set var="name" value="${object.primaryIdentifier}"/>
   
     <c:choose>
     <c:when test="${WEB_PROPERTIES['phytomine.homolog.prefix'] != null}">
   <link rel="stylesheet" type="text/css" href="https://cdn.araport.org/js/intermine/im-tables/latest/imtables.css">
    <div id="phytomine-homolog-container">
  - <p class="apology">
  -  Please be patient while the results of your query are retrieved.
  - </p>
  -</div>
  + <!-- temporarily removed
  +   <p class="apology">
  +     Please be patient while the results of your query are retrieved.
  +   </p>
  +   -->
  + </div>
   
  -  <script type="text/javascript">
  -  
  + <script type="text/javascript">
  +
      var geneId = "${name}";
  +   // for local test only
  +   // var webapp_root_url="http://phytozome.jgi.doe.gov/phytomine/";
      var webapp_root_url = "${WEB_PROPERTIES['phytomine.homolog.prefix']}";
  - 
  +
      var options = {
        type: 'table',
        url: webapp_root_url,
        query: {"model":{"name":"genomic"},"select":["Homolog.gene2.name","Homolog.organism2.shortName","Homolog.gene2.briefDescription"],"constraintLogic":"A and B","where":[{"path":"Homolog.organism1.taxonId","op":"=","code":"A","value":"3702"},{"path":"Homolog.gene1.name","op":"=","code":"B","value":geneId}]},
        properties: { pageSize: 10 }
       };
  -    
  -    var wrapSpan = function(text){
  -	return '<span>'+text+'</span>';
  -    };
  -    
  -    var formatLink = function(url, text, target, cls){
  -	target = target || "_self";
  -	text = text || url;
   
  -	if(cls == 'extlink') {
  -	    return '<a class="'+cls+'" href="'+url+'" target="'+target+'">'+text+'</a>';
  -	}else{
  -	    return '<a href="'+url+'" target="'+target+'">'+text+'</a>';
  -	}
  -    };
  -    
  -    var formatGeneLink = function(id){
  -	var thalemine_url =  '/${WEB_PROPERTIES['webapp.path']}' + '/portal.do?class=Gene&externalids=' + id;
  -	var phytomine_url =  '${WEB_PROPERTIES['intermines.phytomine.url']}' + '/portal.do?class=Gene&externalids=' + id;
  -	var re = new RegExp("^AT");
  -	if(re.test(id)){
  -	    url = thalemine_url;
  -	    return formatLink(url, wrapSpan(id), "_blank", 'internal');
  -	}else{
  -	    url = phytomine_url;
  -	    return formatLink(url, wrapSpan(id), "_blank", 'extlink');
  -	}
  +   var wrapSpan = function(text){
  +       return '<span>'+text+'</span>';
       };
   
  -    var phytomineGeneFormatter = function(o){return formatGeneLink(o.get('name'));}
  +   var formatLink = function(url, text, target, cls){
  +     target = target || "_self";
  +     text = text || url;
   
  -	intermine.scope('intermine.results.formatsets.genomic', {'Gene.name': phytomineGeneFormatter});
  -	jQuery('#phytomine-homolog-container').imWidget(options);
  +    if (cls == 'extlink') {
  +          return '<a class="'+cls+'" href="'+url+'" target="'+target+'">' + text + '</a>';
  +       } else {
  +          return '<a href="'+url+'" target="'+target+'">' + text + '</a>';
  +       }
  +     };
   
  -  </script>
  +   var formatGeneLink = function(id) {
  +       var thalemine_url = '/${WEB_PROPERTIES['webapp.path']}' + '/portal.do?class=Gene&externalids=' + id;
  +       var phytomine_url = '${WEB_PROPERTIES['intermines.phytomine.url']}' + '/portal.do?class=Gene&externalids=' + id;
  +       var re = new RegExp("^AT");
  +          if (re.test(id)) {
  +             url = thalemine_url;
  +             return formatLink(url, wrapSpan(id), "_blank", 'internal');
  +          } else {
  +             url = phytomine_url;
  +              return formatLink(url, wrapSpan(id), "_blank", 'extlink');
  +            }
  +     };
  +
  +   var phytomineGeneFormatter = function(o) {
  +        return formatGeneLink(o.get('name'));
  +     };
  +
  +    // new way for using imtables
  +    imtables.formatting
  +                .registerFormatter(phytomineGeneFormatter, 'genomic', 'Gene', [ 'name' ]);
  +
  +    // note: imtables.loadTable delivers a table without controls (only pagination)
  +    imtables.loadDash('#phytomine-homolog-container',
  +        {start : 0, size : 25},
  +        {service : {root : options.url},
  +            query : options.query}
  +        ).then(
  +            withTable,
  +            FailureNotification.notify
  +        );
  +
  +        function withTable(table) {
  +            table.bus.on('list-action:failure', LIST_EVENTS['list-creation:failure']);
  +            table.bus.on('list-action:success', LIST_EVENTS['list-creation:success']);
  +        }
  +    </script>
   
     </c:when>
     <c:otherwise>
  -   	<p>There was a problem rendering the homolog data</code>.</p>
  -	<script type="text/javascript">
  -		jQuery('#InParanoidDisplayer').addClass('warning');
  -	</script>
  +     <p>There was a problem rendering the homolog data</code>.</p>
  +  <script type="text/javascript">
  +    jQuery('#InParanoidDisplayer').addClass('warning');
  +  </script>
     </c:otherwise>
     </c:choose>
   </c:when>
  
positive.code: <!-- phytomineOrthologDisplayer.jsp -->
  <div id="phytomineOrtholog_displayer" class="collection-table">
  <div class="header">
  <h3>InParanoid Homologs</h3>
  <p>Data Source: <a target="_blank" href="/${WEB_PROPERTIES['webapp.path']}/portal.do?class=DataSet&externalids=Phytozome+Homologs">Phytozome</a></p>
  </div>
  
  
negative.code: <!doctype html>
  <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
  <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
  <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
  