{% extends "front/front_base.html" %}
{% load i18n %}
{% load thumbnail %}

{% block title %}Lignes de temps : {% trans 'Annotate' %} "{{content.title}}"{% endblock %}

{% block css_import %}
{{block.super}}
<link rel="stylesheet" href="{{LDT_MEDIA_PREFIX}}css/front_player.css" type="text/css"/>
<link rel="stylesheet" href="{{LDT_MEDIA_PREFIX}}css/embed_popup.css" type="text/css"/>
<link rel="stylesheet" href="{{LDT_MEDIA_PREFIX}}css/jq-css/jquery.qtip.css" type="text/css"/>
{% endblock %}

{% block js_declaration %}
<script type="text/javascript">
    var $j = jQuery.noConflict();
    $j(document).ready(function () {          
        $j("#id_search").bind('hastext', function () {
            $j("#search_submit").addClass('search_valid').removeClass('search_invalid');
            $j("#search_submit").removeAttr('disabled');         
        });
        $j("#id_search").bind('notext', function () {
            $j("#search_submit").addClass('search_invalid').removeClass('search_valid');
            $j("#search_submit").attr('disabled', 'disabled');
        });
    });
</script>
{% endblock %}

{% block body %}
{{block.super}}

<!-- Player column -->
<div id="player_col_g">
    <h2>{{content.title}}</h2>
    <hr />
    <div class="ldt_player" id="wrapper_{{player_id}}">
    {% include "ldt/ldt_utils/partial/embed_player.html" %}
    </div>
</div>

<!-- Right column -->
<div id="player_col_d">
    <div id="Social_ext"></div>
    <div id="Slideshare_ext" class="ext_widget">
    </div>
    <div class="li_h2">
        <h2>{% trans 'All annotations on the media' %}</h2>
    </div>
    <div id="AnnotationsList_ext" class="ext_widget"></div>
</div>
{% endblock %}

