// TODO: Migrate Timeupdate functions to Extract

IriSP.Widgets.Annotation = function(player, config) {

    IriSP.Widgets.Widget.call(this, player, config);

    this.lastAnnotation = false;

    this.minimized = this.start_minimized || false;

    this.bounds = [ 0, 0 ];

};

IriSP.Widgets.Annotation.prototype = new IriSP.Widgets.Widget();

IriSP.Widgets.Annotation.prototype.messages = {

    fr: {

        watching: "Je regarde ",

        on_site: " sur ",

        tags_: "Mots-clés :",

        description_: "Description :",

    },

    en: {

        watching: "I'm watching ",

        on_site: " on ",

        tags_: "Keywords:",

        description_: "Description:",

    }

}

IriSP.Widgets.Annotation.prototype.template =

    '{{#show_arrow}}<div class="Ldt-Annotation-Arrow"></div>{{/show_arrow}}'

    + '<div class="Ldt-Annotation-Widget {{^show_arrow}}Ldt-Annotation-ShowTop{{/show_arrow}}">'

    + '<div class="Ldt-Annotation-Inner Ldt-Annotation-Empty{{#start_minimized}} Ldt-Annotation-Minimized{{/start_minimized}}">'

    + '<div class="Ldt-Annotation-HiddenWhenEmpty Ldt-Annotation-MaxMinButton"></div>'

    + '<div class="Ldt-Annotation-Cleared Ldt-Annotation-HiddenWhenMinimized Ldt-Annotation-HiddenWhenEmpty Ldt-Annotation-Description-Block"><div class="Ldt-Annotation-Label">{{l10n.description_}}</div>'

    + '<p class="Ldt-Annotation-Labelled Ldt-Annotation-Description"></p></div>'

    + '<div class="Ldt-Annotation-Tags-Block Ldt-Annotation-HiddenWhenMinimized Ldt-Annotation-HiddenWhenEmpty Ldt-Annotation-Cleared">'

    + '<div class="Ldt-Annotation-Label">{{l10n.tags_}}</div><ul class="Ldt-Annotation-Labelled Ldt-Annotation-Tags"></ul>'

    + '</div></div></div></div>';

IriSP.Widgets.Annotation.prototype.defaults = {

    annotation_type : "chap",

    start_minimized: false,

    show_arrow : true,

    site_name : "Lignes de Temps",

}

IriSP.Widgets.Annotation.prototype.draw = function() {

    var _this = this;

    function timeupdate(_time) {

        var _list = _this.getWidgetAnnotationsAtTime();

        if (!_list.length) {

            _this.$.find(".Ldt-Annotation-Inner").addClass("Ldt-Annotation-Empty");

            if (_this.arrow) {

                _this.arrow.moveToTime(_time);

            }

            _this.bounds = [ _time, _time ];

            _this.sendBounds();

        }

    }

    function drawAnnotation(_annotation) {

        var _url = (typeof _annotation.url !== "undefined" 

                ? _annotation.url

                : (document.location.href.replace(/#.*$/,'') + '#id='  + _annotation.id)),

            _text = _this.l10n.watching + _annotation.title + (_this.site_name ? _this.l10n.on_site + _this.site_name : ''),

            _tags = _annotation.getTags(),

            _tagblock = _this.$.find(".Ldt-Annotation-Tags");

        if (_tags.length) {

            _this.$.find(".Ldt-Annotation-Tags-Block").removeClass("Ldt-Annotation-EmptyBlock");

            _tags.forEach(function(_tag) {

                var _trimmedTitle =  _tag.title.replace(/(^\s+|\s+$)/g,'');

                if (_trimmedTitle) {

                    var _el = IriSP.jQuery('<li class="Ldt-Annotation-TagLabel"></li>').append(IriSP.jQuery('<span>').text(_trimmedTitle));

                    _el.click(function() {

                        if (_this.search_on_tag_click) {

                            _this.player.trigger("search.triggeredSearch",_trimmedTitle);

                        }

                        _tag.trigger("click");

                    });

                    _tagblock.append(_el);

                }

            });

        } else {

            _this.$.find(".Ldt-Annotation-Tags-Block").addClass("Ldt-Annotation-EmptyBlock");

        }

        var _desc = _annotation.description.replace(/(^\s+|\s+$)/g,'');

        if (_desc) {

            _this.$.find(".Ldt-Annotation-Description-Block").removeClass("Ldt-Annotation-EmptyBlock");

            _this.$.find(".Ldt-Annotation-Description").html(_desc);

        } else {

            _this.$.find(".Ldt-Annotation-Description-Block").addClass("Ldt-Annotation-EmptyBlock");

        }

        if (_annotation.elementType === "mashedAnnotation") {

            _this.$.find('.Ldt-Annotation-Inner').addClass("Ldt-Annotation-isMashup");

        } else {

            _this.$.find('.Ldt-Annotation-Inner').removeClass("Ldt-Annotation-isMashup");

        }

        if (typeof _this.socialWidget !== "undefined") {

            _this.socialWidget.updateUrls(_url, _text);

        } else {

            setTimeout(function() {

                if (typeof _this.socialWidget !== "undefined") {

                    _this.socialWidget.updateUrls(_url, _text);

                }

            },800);

        }

        _this.$.find(".Ldt-Annotation-Inner").removeClass("Ldt-Annotation-Empty");

        _this.bounds = [ _annotation.begin, _annotation.end ];

        if (_this.arrow) {

            _this.arrow.moveToTime((_annotation.begin + _annotation.end)/2);

        }

        _this.sendBounds();

    }

    this.renderTemplate();

    this.insertSubwidget(this.$.find(".Ldt-Annotation-Arrow"), { type: "Arrow" }, "arrow");

    this.onMediaEvent("timeupdate",timeupdate);

    this.onMdpEvent("Annotation.hide","hide");

    this.onMdpEvent("Annotation.show","show");

    this.onMdpEvent("Annotation.minimize","minimize");

    this.onMdpEvent("Annotation.maximize","maximize");

    this.onMdpEvent("Annotation.getBounds","sendBounds");

    this.$.find(".Ldt-Annotation-MaxMinButton").click(this.functionWrapper("toggleSize"));

    this.getWidgetAnnotations().forEach(function(_a) {

        _a.on("enter", function() {

            drawAnnotation(_a)

        });

    });

}

IriSP.Widgets.Annotation.prototype.sendBounds = function() {

    this.player.trigger("Annotation.boundsChanged",this.bounds);

}

IriSP.Widgets.Annotation.prototype.drawAnnotation = function(_annotation) {

    this.lastAnnotation = _annotation.id;

}

IriSP.Widgets.Annotation.prototype.hide = function() {

    this.$.slideUp();

}

IriSP.Widgets.Annotation.prototype.show = function() {

    this.$.slideDown();

}

IriSP.Widgets.Annotation.prototype.toggleSize = function() {

    if (this.minimized) {

        this.maximize();

    } else {

        this.minimize();

    }

}

IriSP.Widgets.Annotation.prototype.minimize = function() {

    this.minimized = true;

    this.$.find('.Ldt-Annotation-Inner').addClass("Ldt-Annotation-Minimized");

}

IriSP.Widgets.Annotation.prototype.maximize = function() {

    this.minimized = false;

    this.$.find('.Ldt-Annotation-Inner').removeClass("Ldt-Annotation-Minimized");

}