{% 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" src="{{LDT_MEDIA_PREFIX}}js/jquery.qtip.min.js"></script>

<script type="text/javascript">

    var $j = jQuery.noConflict();

</script>

<script type="text/javascript" src="{{LDT_MEDIA_PREFIX}}js/embed_popup.js"></script>

<script type="text/javascript" src="{{LDT_MEDIA_PREFIX}}js/ZeroClipboard.js"></script>

<script type="text/javascript">

    $j(document).ready(function(){

        ZeroClipboard.setMoviePath( '{{WEB_URL}}{{LDT_MEDIA_PREFIX}}swf/ZeroClipboard10.swf' );

        clip = new ZeroClipboard.Client();

        $j("#clipboard_button").html(clip.getHTML(32,32));

        clip.setHandCursor(true);

        clip.setText('{{ldt_id}}');

        $j("#clipboard_button").qtip({

            style: {

                classes: 'ui-tooltip-dark ui-tooltip-rounded qtipldt'

            }

        });

    });

    $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">

    <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>

    <div class="li_h2">

        <h2>{% trans 'All annotations on the media' %}</h2>

    </div>

</div>

{% endblock %}