anchor.diff:          <input type="button" value="Go!"><progress></progress>
       </form>
   
  -    <div id="oncoprint" style="width: 1091px; display: inline-block; overflow-x: auto; overflow-y: hidden;"></div>
  +    <div id="oncoprint_controls" style="margin-top:10px; margin-bottom:20px;">
  +        <style>
  +            .onco-customize {
  +                color:#2153AA; font-weight: bold; cursor: pointer;
  +            }
  +            .onco-customize:hover { text-decoration: underline; }
  +        </style>
  +        <p onclick="$('#oncoprint_controls #main').toggle(); $('#oncoprint_controls .triangle').toggle();"
  +           style="margin-bottom: 0px;">
  +            <span class="triangle ui-icon ui-icon-triangle-1-e" style="float: left; display: block;"></span>
  +            <span class="triangle ui-icon ui-icon-triangle-1-s" style="float: left; display: none;"></span>
  +            <span class='onco-customize'>Customize</span>
  +        </p>
  +
  +        <div id="main" style="display:none;">
  +            <table style="padding-left:13px; padding-top:5px">
  +                <tr>
  +                    <td style="padding-right: 15px;"><span>Zoom</span><div id="zoom" style="display: inline-table;"></div></td>
  +                    <td><input id='toggle_unaltered_cases' type='checkbox' onclick='oncoprint.toggleUnalteredCases();'>Remove Unaltered Cases</td>
  +                    <td><input id='toggle_whitespace' type='checkbox' onclick='oncoprint.toggleWhiteSpace();'>Remove Whitespace</td>
  +                </tr>
  +                <tr>
  +                    <td>
  +                        <span>Sort by: </span>
  +                        <select id="sort_by" style="width: 200px;">
  +                            <option value="genes">gene data</option>
  +                            <option value="clinical" disabled>clinical data</option>
  +                            <option value="alphabetical">alphabetically by case id</option>
  +                            <option value="custom">user-defined case list / default</option>
  +                        </select>
  +                    </td>
  +                </tr>
  +            </table>
  +        </div>
  +    </div>
  +
  +    <div id="oncoprint"></div>
   
       <div id="oncoprint_legend"></div>
       <script type="text/template" id="glyph_template">
  
positive.code:                     params.legend =  document.getElementById("oncoprint_legend");
  
                      Oncoprint(document.getElementById("oncoprint"), params);
                  },
  //                error: errorHandler,
              // Form data
  
negative.code:         interpolate : /\{\{(.+?)\}\}/g
      };
  
      // some hacks to get the oncoprint spiffy for this page.
      // Perhaps these should be properly incorporated as options.
      var hacks_on_callback = function() {
          $('#oncoprint_legend p').remove();
      };
  
      var data;
      $(':button').click(function(){
          var formData = new FormData($('form')[0]);
  