{% extends "omeroweb/base.html" %}
{% load i18n %}
{% load markup %}
{% load custom_tags %}

{% block link %}
    <link rel="stylesheet" href="{% url webstatic "css/index.css" %}" type="text/css" media="screen"/>
    
{% endblock %}

{% block jscript %}
    <script type="text/javascript" src="{% url webstatic "javascript/jquery_1.2.6.js" %}"></script>
    
    <script type="text/javascript" src="{% url webstatic "javascript/ui/ui.core.js" %}"></script>
    <script type="text/javascript" src="{% url webstatic "javascript/ui/ui.draggable.js" %}"></script>
    <script type="text/javascript" src="{% url webstatic "javascript/ui/ui.droppable.js" %}"></script>
    <script type="text/javascript" src="{% url webstatic "javascript/ui/ui.resizable.js" %}"></script>
    <script type="text/javascript" src="{% url webstatic "javascript/ui/effects.core.js" %}"></script>
    <script type="text/javascript" src="{% url webstatic "javascript/ui/effects.highlight.js" %}"></script>

{% endblock %}

{% block script %}
    <script type="text/javascript" src="{% url webstatic "javascript/menu.js" %}"></script>
    
    <script>
        $(document).ready(function(){
            
            $("div#last_imports").html('<p>Loading imported images... please wait <img src="{% url webstatic "images/tree/spinner.gif" %}"/></p>');
            $("div#last_imports").load("{% url index_last_imports %}");
            
            $("div#tagcloud").html('<p>Loading tag cloud... please wait <img src="{% url webstatic "images/tree/spinner.gif" %}"/></p>');
            $("div#tagcloud").load("{% url index_tag_cloud %}");
            
            $("div#comments").html('<h1>Most recents:</h1><p>Loading data... please wait <img src ="{% url webstatic "images/tree/spinner.gif" %}"/></p>');
            $("div#comments").load("{% url index_most_recent %}");
                        
            $("a.loadData").click(function()
            {
                $("div#context").html('<p>Loading your context... please wait <img src ="{% url webstatic "images/tree/spinner.gif" %}"/></p>');
                $("div#context").load("{% url index_context %}", function()
                    {  
                        $("a.loadData").remove();
                    });
                return false; 
            });
            
        });
    </script>
    
{% endblock %}

{% block center %}
    <div id="left_panel">

        <h1>{% trans "My last acquired images" %}<!--for group '{{ controller.eContext.context.groupName }}'-->:</h1>
        <div id="last_imports"></div>
        
        <div class="clear"> </div>
        
        <h1>{% trans "My most recent tags" %}:</h1>
        <div id="tagcloud"></div>
        
    </div>
    
    <div id="right_panel">
        
        <div id="comments"></div>
        
        <h1>{% trans "My context" %}:</h1></h1>
        <div id="context"><a href="#" class="loadData">{% trans "Show my current context." %}</a></div>
        
    </div>
    
{% endblock %}

{% block advice %}
    {% include "omeroweb/advice.html" %}
{% endblock %}