</div>
    <div class="box">
      <h4>Sequences</h4>
      <table id="seq_info" class="inputs">
        <tr><th>Source <div class="help" data-topic="pop_seq_source"></div></th>
          <th>Alphabet <div class="help" data-topic="pop_seq_alph"></div></th>
          <th>Sequence Count <div class="help" data-topic="pop_seq_count"></div></th>
        </tr>
        <tr>
          <td id="ins_seq_source"></td>
          <td id="ins_seq_alphabet"></td>
          <td id="ins_seq_count"></td>
        </tr>
      </table>
      <script>
      {
        var db = data.sequence_db;
        $("ins_seq_source").innerHTML = db.file;
        $("ins_seq_alphabet").innerHTML = current_alphabet.get_alphabet_name();
        $("ins_seq_count").innerHTML = db.count;
      }
      </script>
      <h4>Control Sequences</h4>
      <table id="seq_info" class="inputs">
        <tr><th>Source <div class="help" data-topic="pop_seq_source"></div></th>
          <th>Sequence Count <div class="help" data-topic="pop_seq_count"></div></th>
        </tr>
        <tr>
          <td id="ins_cseq_source"></td>
          <td id="ins_cseq_count"></td>
        </tr>
      </table>
      <script>
      {
        var db = data.control_db;
        if (db.from == "shuffled") {
          $("ins_cseq_source").innerHTML = "Shuffled Sequences";
        } else {
          $("ins_cseq_source").innerHTML = db.file;
        }
        $("ins_cseq_count").innerHTML = db.count;
      }
      </script>
      <h4>Background</h4>
      <span id="alpha_bg"></span>
      <script>
      {
        $("alpha_bg").appendChild(make_alpha_bg_table(current_alphabet, data.control_db.freqs));
      }
      </script>
      <h4>Other Settings</h4>
      <table id="tbl_settings" class="inputs hide_advanced">
        <tr>
          <th>Strand Handling</th>
          <td id="opt_strand">
            <span class="strand_none">This alphabet only has one strand</span>
            <span class="strand_given">Only the given strand is processed</span>
            <span class="strand_both">Both the given and reverse complement strands are processed</span>
          </td>
        </tr>
        <tr><th># REs to Generalize</th><td id="opt_ngen"></td></tr>
        <tr><th>Shuffle Seed</th><td id="opt_seed"></td></tr>
        <tr><th>E-value Threshold</th><td id="opt_stop_evalue"></td></tr>
        <tr><th>Max Motif Count</th><td id="opt_stop_count"></td></tr>
        <tr><th>Max Run Time</th><td id="opt_stop_time"></td></tr>
      </table>
      <script>
      {
        $("opt_strand").className = (current_alphabet.has_complement() ? (data.options.revcomp ? "both" : "given") : "none");
        $("opt_ngen").innerHTML = data.options.ngen;
        $("opt_seed").innerHTML = data.options.seed;
        $("opt_stop_evalue").innerHTML = data.options.stop.evalue;
        $("opt_stop_count").innerHTML = (typeof data.options.stop.count == "number" ? data.options.stop.count : "No maximum motif count.");
        $("opt_stop_time").innerHTML = (typeof data.options.stop.time == "number" ? data.options.stop.time + " seconds." : "No maximum running time.");
      }
      </script>
    </div>
    <!-- list information on this program -->
    <div id="info_sec" class="bar" style="position:relative">
      <div style="position: absolute; right: 0;"><a href="#inputs_sec">Previous</a> <a href="#">Top</a></div>
      <div class="subsection">
        <h5 id="version">DREME version</h5>
        <span id="ins_version"></span> 
        (Release date: <span id="ins_release"></span>)<br>
      </div>
      <script>
        $("ins_version").innerHTML = data["version"];
        $("ins_release").innerHTML = data["release"];
      </script>
      <div class="subsection" id="reference"> <script>print_citation("reference", "DREME");</script> </div>
      <div class="subsection">
        <h5 id="command">Command line</h5>
        <textarea id="cmd" rows="3" style="width:100%;" readonly="readonly">
        </textarea>
        <script>$("cmd").value = data["cmd"].join(" ");</script>
      </div>
    </div>
    
  </body>
</html>