{% load i18n %}
{% load logintag %}
{% load navigation %}
{% load static %}
{% load analytics %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{{LANGUAGE_CODE}}" lang="{{LANGUAGE_CODE}}">
<head>
{% block head %}
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <meta http-equiv="content-language" content="{{LANGUAGE_CODE}}" />
    <link rel="SHORTCUT ICON" href='{% static "ldt/img/favicon.ico" %}' />
    <title>{% block title %}Lignes de temps{% endblock %}</title>
    {% block js_import %}
    	<script src='{% static "ldt/js/jquery.min.js" %}' type="text/javascript"></script>
    	<script src='{% static "ldt/js/jquery.textchange.min.js" %}' type="text/javascript"></script>
    {% endblock %}
    {% block css_declaration %}{% endblock %}
    {% block css_import %}
    <link rel="stylesheet" href='{% static "ldt/css/front_common.css" %}' type="text/css"/>
    {% endblock %}
    {% block js_declaration %}
    <script type="text/javascript">
    	$(document).ready(function () {    		
    		$("#id_search").bind('hastext', function () {
				$("#search_submit").addClass('search_valid').removeClass('search_invalid');
				$("#search_submit").removeAttr('disabled');			
    		});
    		$("#id_search").bind('notext', function () {
				$("#search_submit").addClass('search_invalid').removeClass('search_valid');
				$("#search_submit").attr('disabled', 'disabled');
    		});
    	});
    </script>    
    {% endblock %}
{% endblock %}
</head>
<body>


<div id="general_container">
    <ul class="floatlist" id="title_bar">
        <li id="li_h1">
            <h1><a href="{% url 'ldt.ldt_utils.views.front.front_home' %}" title="{% trans 'homepage' %}">{% trans '<b>Lignes</b> de temps' %}</a></h1>
        </li>
        <li id="li_search">
            <form id="form_search" action="{% url 'ldt.ldt_utils.views.front.search_index' %}" method="GET">
                <!--input id="search_text" name="q" value="" /-->
                <input id="id_search" type="text" name="search">
                <input type="hidden" value="all" name="field">
                {% if tag_label %}<input type="hidden" value="{{tag_label}}" name="content_tag">{% endif %}
                <input id="search_submit" class="search_invalid" type="submit" value="{% trans 'Search' %}" disabled="true"/>
            </form>
            
        {% if user.is_authenticated %}
        <li id="li_annotation">
            <div class="fl">
                <!-- a href="#"><img src='{% static "ldt/img/annot_icon.png" %}' id="annot_icon" /></a -->
                <a href="{% url 'root-view' %}"  title="{% trans "My projects" %}">{% trans "My projects" %}</a>
            </div>
            <div class="fl">
                <!-- a href="{% url 'root-view' %}">{% trans 'Annotate' %}</a -->
            </div>
        </li>
        {% endif %}
        
        <li id="li_connexion">
             {% if user.is_authenticated %}
             	<a href="{% url 'ldt.user.views.logout_view' %}" title="{% trans "Log out" %}">{% trans "Log out" %}</a>
             {% else %}
             	<a href="{% url 'auth_login' %}" title="{% trans "Log in" %}">{% trans "Log in" %}</a>
             {% endif %}       
        </li>
    </ul>
{% block body %}
{% endblock %}

<!-- FOOTER COMMUN -->
    <ul id="footer">
        <li>{% blocktrans %}{{WEB_VERSION}} | {{ VERSION }}{% endblocktrans %}</li>
        <li>©2013 IRI</li>
        <li>
            <a target="_blank" href="http://www.iri.centrepompidou.fr" title="{% trans 'link IRI'%}">{% trans "about" %}</a>
        </li>
        {% url 'mashup_home' branding='iri' as hc_url %}
        {% if hc_url %}<li><a href="{{ hc_url }}">HashCut (mash-up)</a></li>{% endif %}
        {% url 'composer_home'  as cp_url %}
        {% if cp_url %}<li><a href="{{ cp_url }}">MetadataComposer (hyper video)</a></li>{% endif %}
    </ul>
    <div class="clear"></div>
</div>
{% analytics %}
</body>
</html>

