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

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

};

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

IriSP.Widgets.CreateAnnotation.prototype.defaults = {

    show_creator_field : true,

    start_visible : true,

    always_visible : false,

    minimize_annotation_widget : true,

    creator_name : "",

    creator_avatar : "",

    tags : false,

    tag_titles : false,

    pause_on_write : true,

    max_tags : 8,

    polemics : [{

        keyword: "++",

        background_color: "#00a000",

        text_color: "#ffffff"

    },{

        keyword: "--",

        background_color: "#c00000",

        text_color: "#ffffff"

    },{

        keyword: "??",

        background_color: "#0000e0",

        text_color: "#ffffff"

    },{

        keyword: "==",

        background_color: "#f0e000",

        text_color: "#000000"

    }],

    annotation_type: "Contributions",

    api_serializer: "ldt_annotate",

    api_endpoint_template: "",

    after_send_timeout: 0,

    close_after_send: false,

IriSP.Widgets.CreateAnnotation.prototype.messages = {

    en: {

        from_time: "from",

        to_time: "to",

        at_time: "at",

        submit: "Submit",

        add_keywords_: "Add keywords:",

        your_name_: "Your name:",

        type_title: "Annotation title",

        error_while_contacting: "An error happened while contacting the server. Your annotation has not been saved.",

        annotation_saved: "Thank you, your annotation has been saved.",

        share_annotation: "Would you like to share it on social networks ?",

    },

    fr: {

        from_time: "de",

        to_time: "à",

        at_time: "à",

        submit: "Envoyer",

        type_title: "Titre de l'annotation",

        annotation_saved: "Merci, votre annotation a été enregistrée.",

        share_annotation: "Souhaitez-vous la partager sur les réseaux sociaux ?",

    }

IriSP.Widgets.CreateAnnotation.prototype.template =

    + '<form class="Ldt-CreateAnnotation-Screen Ldt-CreateAnnotation-Main">'

    + '<div class="Ldt-CreateAnnotation-Avatar"><img src="{{creator_avatar}}" title="{{creator_name}}"></img></div>'

    + '<input type="submit" class="Ldt-CreateAnnotation-Submit" value="{{l10n.submit}}" />'

    + '{{#tags.length}}<div class="Ldt-CreateAnnotation-Tags"><div class="Ldt-CreateAnnotation-TagTitle">{{l10n.add_keywords_}}</div><ul class="Ldt-CreateAnnotation-TagList">'

    + '{{#polemics.length}}<div class="Ldt-CreateAnnotation-Polemics"><div class="Ldt-CreateAnnotation-PolemicTitle">{{l10n.add_polemic_keywords_}}</div><ul class="Ldt-CreateAnnotation-PolemicList">'

    + '<div style="clear: both;"></div></form>'

    + '<div class="Ldt-CreateAnnotation-Screen Ldt-CreateAnnotation-Wait"><div class="Ldt-CreateAnnotation-InnerBox">{{l10n.wait_while_processing}}</div></div>'

    + '<div class="Ldt-CreateAnnotation-Screen Ldt-CreateAnnotation-Error">{{^always_visible}}<a title="{{l10n.close_widget}}" class="Ldt-CreateAnnotation-Close" href="#"></a>{{/always_visible}}<div class="Ldt-CreateAnnotation-InnerBox">{{l10n.error_while_contacting}}</div></div>'

    + '<div class="Ldt-CreateAnnotation-Screen Ldt-CreateAnnotation-Saved">{{^always_visible}}<a title="{{l10n.close_widget}}" class="Ldt-CreateAnnotation-Close" href="#"></a>{{/always_visible}}<div class="Ldt-CreateAnnotation-InnerBox">{{l10n.annotation_saved}}</div></div>'

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

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

    var _this = this;

    if (this.tag_titles && !this.tags) {

    }

    if (!this.tags) {

        this.tags = this.source.getTags()

            .sortBy(function (_tag) {

                return -_tag.getAnnotations().length;

            })

            .slice(0, this.max_tags)

            .map(function(_tag) {

                return _tag;

            });

        /* We have to use the map function because Mustache doesn't like our tags object */

    }

    this.renderTemplate();

    this.$.find(".Ldt-CreateAnnotation-Close").click(function() {

        _this.close_after_send

        ? _this.hide()

        : _this.showScreen("Main");

        return false;

    });

    this.$.find(".Ldt-CreateAnnotation-TagLi, .Ldt-CreateAnnotation-PolemicLi").click(function() {

        return false;

    });

    this.$.find(".Ldt-CreateAnnotation-Description").bind("change keyup input paste", this.functionWrapper("onDescriptionChange"));

    if (this.show_title_field) {

        this.$.find(".Ldt-CreateAnnotation-Title").bind("change keyup input paste", this.functionWrapper("onTitleChange"));

    }

    if (this.show_creator_field) {

        this.$.find(".Ldt-CreateAnnotation-Creator").bind("change keyup input paste", this.functionWrapper("onCreatorChange"));

    }

    if (this.start_visible) {

        this.show();

    } else {

        this.$.hide();

        this.hide();

    }

    this.$.find("form").submit(this.functionWrapper("onSubmit"));

IriSP.Widgets.CreateAnnotation.prototype.showScreen = function(_screenName) {

    this.$.find('.Ldt-CreateAnnotation-' + _screenName).show()

        .siblings().hide();

}

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

    this.visible = true;

    this.showScreen('Main');

    if (this.show_title_field) {

    }

    if (this.show_creator_field) {

        this.$.find(".Ldt-CreateAnnotation-Creator").val(this.creator_name).css("border-color", "#666666");

    }

    this.$.find(".Ldt-CreateAnnotation-TagLi, .Ldt-CreateAnnotation-PolemicLi").removeClass("selected");

    this.$.slideDown();

    if (this.minimize_annotation_widget) {

    }

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

    if (!this.always_visible) {

        this.visible = false;

        this.$.slideUp();

        if (this.minimize_annotation_widget) {

        }

    }

IriSP.Widgets.CreateAnnotation.prototype.toggle = function() {

    if (!this.always_visible) {

        if (this.visible) {

            this.hide();

        } else {

            this.show();

        }

    }

IriSP.Widgets.CreateAnnotation.prototype.addKeyword = function(_keyword) {

    var _field = this.$.find(".Ldt-CreateAnnotation-Description"),

        _rx = IriSP.Model.regexpFromTextOrArray(_keyword),

        _contents = _field.val();

    _contents = ( !!_contents.match(_rx)

        ? _contents.replace(_rx,"")

        : _contents + " " + _keyword

    );

    _field.val(_contents.replace(/\s{2,}/g,' ').replace(/(^\s+|\s+$)/g,''));

    this.onDescriptionChange();

IriSP.Widgets.CreateAnnotation.prototype.pauseOnWrite = function() {

    }

IriSP.Widgets.CreateAnnotation.prototype.onDescriptionChange = function() {

    var _field = this.$.find(".Ldt-CreateAnnotation-Description"),

        _contents = _field.val();

    _field.css("border-color", !!_contents ? "#666666" : "#ff0000");

    this.$.find(".Ldt-CreateAnnotation-TagLi, .Ldt-CreateAnnotation-PolemicLi").each(function() {

        if (_contents.match(_rx)) {

            IriSP.jQuery(this).addClass("selected");

        } else {

            IriSP.jQuery(this).removeClass("selected");

        }

    });

    this.pauseOnWrite();

    return !!_contents;

IriSP.Widgets.CreateAnnotation.prototype.onTitleChange = function() {

    var _field = this.$.find(".Ldt-CreateAnnotation-Title"),

        _contents = _field.val();

    _field.css("border-color", !!_contents ? "#666666" : "#ff0000");

    this.pauseOnWrite();

    return !!_contents;

IriSP.Widgets.CreateAnnotation.prototype.onCreatorChange = function() {

    var _field = this.$.find(".Ldt-CreateAnnotation-Creator"),

        _contents = _field.val();

    _field.css("border-color", !!_contents ? "#666666" : "#ff0000");

    this.pauseOnWrite();

    return !!_contents;

/* Fonction effectuant l'envoi des annotations */

IriSP.Widgets.CreateAnnotation.prototype.onSubmit = function() {

    /* Si les champs obligatoires sont vides, on annule l'envoi */

    if (!this.onDescriptionChange() || (this.show_title_field && !this.onTitleChange()) || (this.show_creator_field && !this.onCreatorChange())) {

    }

        _export = this.player.sourceManager.newLocalSource({serializer: IriSP.serializers[this.api_serializer]}), /* Création d'un objet source utilisant un sérialiseur spécifique pour l'export */

        _annotation = new IriSP.Model.Annotation(false, _export), /* Création d'une annotation dans cette source avec un ID généré à la volée (param. false) */

        _annotationType = (_annotationTypes.length ? _annotationTypes[0] : new IriSP.Model.AnnotationType(false, _export)), /* Si le Type d'Annotation n'existe pas, il est créé à la volée */

        _url = Mustache.to_html(this.api_endpoint_template, {id: this.source.projectId}); /* Génération de l'URL à laquelle l'annotation doit être envoyée, qui doit inclure l'ID du projet */

    /* Si nous avons dû générer un ID d'annotationType à la volée... */

    if (!_annotationTypes.length) {

        /* Il ne faudra pas envoyer l'ID généré au serveur */

        _annotationType.dont_send_id = true;

        /* Il faut inclure le titre dans le type d'annotation */

        _annotationType.title = this.annotation_type;

    }

    /*

     * Nous remplissons les données de l'annotation générée à la volée

     * ATTENTION: Si nous sommes sur un MASHUP, ces éléments doivent se référer AU MEDIA D'ORIGINE

     * */

    _annotation.setBegin(this.begin); /*Timecode de début */

    _annotation.setEnd(this.end); /* Timecode de fin */

    _annotation.setAnnotationType(_annotationType.id); /* Id du type d'annotation */

    if (this.show_title_field) {

        /* Champ titre, seulement s'il est visible */

        _annotation.title = this.$.find(".Ldt-CreateAnnotation-Title").val();

    }

    _annotation.created = new Date(); /* Date de création de l'annotation */

    _annotation.description = this.$.find(".Ldt-CreateAnnotation-Description").val(); /* Champ description */

    }

    _exportedAnnotations.push(_annotation); /* Ajout de l'annotation à la liste à exporter */

    _export.addList("annotation",_exportedAnnotations); /* Ajout de la liste à exporter à l'objet Source */

    var _this = this;

    /* Envoi de l'annotation via AJAX au serveur ! */

    IriSP.jQuery.ajax({