<!DOCTYPE html>


<html>
<head>
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}" />

</head>
<body>

<div id="wrapper">


    <ul class="menu">
        <li class="rollmenu"><a href="">Home</a>
             <ul>
            <li class="item5"><a href="/biodb/contact/saureus_CR">S. aureus</a>
            </li>
            <li class="item6"><a href="/biodb/contact/Chlamydia_11_14">Chlamydiales v. 11.14</a>
            </li>
            <li class="item6"><a href="/biodb/contact/Chlamydia_12_14">Chlamydiales v. 12.14</a>
            </li>
            <li class="item6"><a href="/biodb/contact/Chlamydia_12_14_2">Chlamydiales v. 12.14.2</a>
            </li>



            </ul>


        </li>
        <li class="item2"><a href="{% url 'orthogroups' %}">Orthogroups</a>
        </li>
        <li class="rollmenu"><a href="">Circos</a>
             <ul>
            <li class="item5"><a href="/biodb/circos/saureus_CR">S. aureus</a>
            </li>
            <li class="item6"><a href="/biodb/circos/Chlamydia_11_14">Chlamydiales v. 11.14</a>
            </li>




            </ul>
        </li>
        <li class="item4"><a href="{% url 'search' %}">Search</a>
        </li>
        <li class="item5"><a href="{% url 'blast' %}">Blast</a>
        </li>
        <li class="rollmenu"><a href="">Circos2Genomes</a>

             <ul>
            <li class="item5"><a href="http://127.0.0.1:8000/biodb/circos2genomes/saureus_CR">saureus_CR</a>
            </li>
            <li class="item6"><a href="http://127.0.0.1:8000/biodb/circos2genomes/Chlamydia_11_14">Chlamydia_11_14</a>
            </li>
            </ul>

        </li>

        <li class="item7"><a href="http://127.0.0.1:8765/vista-alignment">GenomeVista</a>
        </li>
        <li class="item8"><a href="http://127.0.0.17/jbrowse/JBrowse-1.11.4/">GBrowse</a>
    </ul>

</div>

</nav>

<section>
<form action='{% url "orthogroups" %}' method="post">

{% csrf_token %}

<table>
<tr>
  <td>{{ form.as_p }}</td>
</tr>

<tr>
  <td><input type="submit" value="Submit" /></td>
</tr>
</table>


</form>

{% if envoi %}

    {% load static %}
    <img src="{% static ""%}{{groups}}" id="orthology_plot"/>
{% endif %}


</section>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {

    var menu_ul = $('.rollmenu > ul'),
        menu_a  = $('.rollmenu > a');

    menu_ul.hide();

    menu_a.click(function(e) {
        e.preventDefault();
        if(!$(this).hasClass('active')) {
            menu_a.removeClass('active');
            menu_ul.filter(':visible').slideUp('normal');
            $(this).addClass('active').next().stop(true,true).slideDown('normal');
        } else {
            $(this).removeClass('active');
            $(this).next().stop(true,true).slideUp('normal');
        }
    });

});
</script>

</body>





</html>
