anchor.diff:      </ul>
       <p class="small">* Color intensity denotes the reliability of the regulation if more that one probe set is present and their results differ.</p>
     </div>
  +  <div class="settings">
  +    <strong>Show regulation type</strong>
  +    <fieldset>
  +      <label for="upregulation-check">Upregulation</label>
  +      <input type="checkbox" id="upregulation-check" checked="checked" />
  +      <label for="downregulation-check">Downregulation</label>
  +      <input type="checkbox" id="downregulation-check" checked="checked" />
  +      <label for="noregulation-check">Not expressed</label>
  +      <input type="checkbox" id="noregulation-check" />
  +    </fieldset>
  +  </div>
   </div>
   
   <%-- for each category/type --%>
  
positive.code:   <div class="chart" id="gene-expression-atlas-chart-${category.key}"></div>
  
    <script type="text/javascript">
      (function() {
        <%-- Java to JavaScript --%>
        var liszt = new Array();
  
        <c:forEach var="cellType" items="${category.value}">
          var expressions = new Array();
          <c:forEach var="expression" items="${cellType.value}">
            var expression = {
              'pValue': ${expression.pValue},
              'tStatistic': ${expression.tStatistic}
            };
            expressions.push(expression);
          </c:forEach>
  
          var expression = {
            'condition': '${cellType.key}',
            'expressions': expressions
          };
          liszt.push(expression);
          im.log(expression.condition);
        </c:forEach>;
  
        google.load("visualization", "1", {packages:["corechart"]});
        google.setOnLoadCallback(drawChart);
        function drawChart() {
          var data = new google.visualization.DataTable();
          data.addColumn('string', 'Cell type');
  
  
negative.code:           }
          }
  
          <%-- modify the chart properties --%>
          var options = {
            isStacked: true,
            width: 800,
  