placeholder_color: "#ffffff",

    play_on_submit: true,

    api_endpoint_template_create: "",

    api_endpoint_template_edit: "",

    api_endpoint_template_delete: "",

    api_method_edit: "PUT",

    api_method_delete: "DELETE",

    markers_gap: 2000,

    allow_empty_markers: false,

    custom_send_button: false,

    custom_cancel_button: false,

    +         '<div class="Ldt-Markers-RoundButton Ldt-Markers-CannotCreate" title="{{l10n.cannot_create}}">+</div>'

    +         '<div class="Ldt-Markers-RoundButton Ldt-Markers-Create">+</div>'

    +         '<div class="Ldt-Markers-RoundButton Ldt-Markers-Delete">&#10006;</div>'

    +     '<div class="Ldt-Markers-Screen Ldt-Markers-ScreenDeleteSuccess">'

    +         '<a title="{{l10n.close_widget}}" class="Ldt-Markers-Close" href="#"></a>'    

    +         '<div class="Ldt-Markers-Screen-InnerBox">{{l10n.delete_saved}}</div>'

    +     '</div>'

    +     '<div class="Ldt-Markers-Screen Ldt-Markers-ScreenConfirmDelete">'

    +         '<a title="{{l10n.close_widget}}" class="Ldt-Markers-Close" href="#"></a>'

    +         '<div class="Ldt-Markers-Screen-InnerBox">'

    +           '{{l10n.delete_text}} '

    +           '<a class="Ldt-Markers-Screen-SubmitDelete">{{l10n.submit_delete}}</a> '

    +           '<a class="Ldt-Markers-Screen-CancelDelete">{{l10n.cancel}}</a>'

    +         '</div>'

    +     '</div>'

    '</div>';

IriSP.Widgets.Markers.prototype.markerPlaceholderTemplate = 

    '<div class="Ldt-Markers-Marker Ldt-Markers-PlaceholderMarker" style="height:{{height}}px; left:{{left}}px; width: 2px; background-color: black;">' +

        '<div class="Ldt-Markers-MarkerBall" style="background-color: {{marker_color}}; position: relative; width: {{ball_diameter}}px; height: {{ball_diameter}}px; left: {{ball_left}}px; top: {{ball_top}}px; border: 1px solid; border-radius: {{ball_radius}}px"></div>' + 

    '</div>'; 

        submit_delete: "Delete",

        delete_text: "The selected marker will be deleted. Continue?",

        delete_saved: "Thank you, your annotation has been deleted",

        cannot_create: "Cannot create marker on this timecode"

        submit_delete: "Supprimer",

        delete_text: "Le marqueur sélectionné sera supprimé. Continuer?",

        delete_saved: "Merci, votre annotation a été supprimée",

        cannot_create: "Impossible de créer un marqueur sur ce timecode"

    this.$.find(".Ldt-Markers-Create").click(this.functionWrapper("onCreateClick"));

    this.$.find(".Ldt-Markers-Delete").click(this.functionWrapper("onDeleteClick"));

    this.$.find(".Ldt-Markers-RoundButton").hide()

    this.updateCreateButtonState(this.media.getCurrentTime())

    this.$.find(".Ldt-Markers-Screen-SubmitDelete").click(this.functionWrapper("sendDelete"));

    this.$.find(".Ldt-Markers-Screen-CancelDelete").click(function(){

        _this.showScreen("Main");

        _this.cancelEdit();

    this.$.find(".Ldt-Markers-Close").click(this.functionWrapper("revertToMainScreen"));

    this.onMediaEvent("timeupdate", this.functionWrapper("updatePosition"));

    this.onMediaEvent("timeupdate", this.functionWrapper("updateCreateButtonState"));

    this.onMediaEvent("play", this.functionWrapper("clearSelectedMarker"));

    this.newMarkerTimeCode = 0;

}

IriSP.Widgets.Markers.prototype.updateCreateButtonState = function(_time){

    _this = this

    var can_create = this.markers.every(function(_marker){   

        return ((_time < (_marker.begin-_this.markers_gap))||(_time > (_marker.begin+_this.markers_gap)))

    });

    if (can_create){

        if ((this.$.find(".Ldt-Markers-Create").is(":hidden"))&&(this.$.find(".Ldt-Markers-Delete").is(":hidden"))){

            this.$.find(".Ldt-Markers-RoundButton").hide();

            this.$.find(".Ldt-Markers-Create").show();

        }

    }

    else {

        if ((this.$.find(".Ldt-Markers-CannotCreate").is(":hidden"))&&(this.$.find(".Ldt-Markers-Delete").is(":hidden"))){

            this.$.find(".Ldt-Markers-RoundButton").hide();

            this.$.find(".Ldt-Markers-CannotCreate").show();

        }

    }

}

IriSP.Widgets.Markers.prototype.onCreateClick = function(){

    this.pauseOnWrite();

    if (!this.selectedMarker){

        this.newMarkerCurrentTime = this.media.getCurrentTime();

        this.showPlaceholder(this.media.getCurrentTime());

        this.startEdit();

    }

}

IriSP.Widgets.Markers.prototype.onDeleteClick = function(){

    _this = this;

    this.pauseOnWrite();

    if(this.selectedMarker){

        this.showScreen("ConfirmDelete");

    }

    else {

        // Clic sur - sans marqueur sélectionné = retour à l'état initial

        this.cancelEdit();

    }

}

IriSP.Widgets.Markers.prototype.startEdit = function(){

    if (this.selectedMarker){

        _divHtml = Mustache.to_html(this.infoTemplate, {

            edit: true,

            marker_info: this.selectedMarker.description,

            send: this.custom_send_button? this.custom_send_button : this.l10n.send,

            cancel: this.custom_cancel_button? this.custom_cancel_button :this.l10n.cancel

        })

            edit: true,

            marker_info: "",

            send: this.custom_send_button? this.custom_send_button : this.l10n.send,

            cancel: this.custom_cancel_button? this.custom_cancel_button :this.l10n.cancel

        })

    }

    this.$.find(".Ldt-Markers-Info").html(_divHtml);

    this.$.find(".Ldt-Markers-MarkerSend").click(this.functionWrapper("onSubmit"));

    this.$.find(".Ldt-Markers-MarkerCancel").click(this.functionWrapper("cancelEdit"));

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

    this.$.find(".Ldt-Markers-RoundButton").hide();

    this.$.find(".Ldt-Markers-Delete").show();

    this.editing = true;

}

IriSP.Widgets.Markers.prototype.cancelEdit = function(){

    if (this.selectedMarker){

        // Clic sur "cancel" pendant édition d'un marqueur = retour à l'état visualisation

        _divHtml = Mustache.to_html(this.infoTemplate, {

            edit: false,

        this.$.find(".Ldt-Markers-MarkerDescription").click(this.functionWrapper("startEdit"));

        // Clic sur "cancel" pendant la création d'un marqueur = retour à l'état initial

        this.hidePlaceholder();

        this.$.find(".Ldt-Markers-Info").html("");

        this.$.find(".Ldt-Markers-RoundButton").hide()

        this.$.find(".Ldt-Markers-Create").show()

        this.updateCreateButtonState(this.media.getCurrentTime())

    this.editing = false;

}

    // Returns false if the textarea is empty, true if there is text in it

    if(!this.allow_empty_markers){

        var _field = this.$.find(".Ldt-Markers-MarkerTextArea"),

            _contents = _field.val();

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

        if (!!_contents) {

            _field.removeClass("empty");

        } else {

            _field.addClass("empty");

        }

        this.pauseOnWrite();

        return !!_contents;

    else {

        // If the widget is configured to allow to post empty markers, it returns true

        return true

    }

}

IriSP.Widgets.Markers.prototype.revertToMainScreen = function(){

    if (this.$.find(".Ldt-Markers-ScreenMain").is(":hidden")){

        this.showScreen("Main");

        this.cancelEdit();

        if (this.selectedMarker){

            this.$.find(".Ldt-Markers-RoundButton").hide();

            this.$.find(".Ldt-Markers-Delete").show();

        }

        else {

            this.$.find(".Ldt-Markers-RoundButton").hide();

            this.$.find(".Ldt-Markers-Create").show();

            this.updateCreateButtonState();

        }

    }

}

IriSP.Widgets.Markers.prototype.hidePlaceholder = function(){

    this.$.find(".Ldt-Markers-PlaceholderMarker").remove();

}

IriSP.Widgets.Markers.prototype.showPlaceholder = function(_time){   

    var _scale = this.width / this.source.getDuration(),

        _left = _time * _scale -1,

        _data = {

            left: _left,

            height: this.line_height-1,

            ball_top: (this.ball_radius*2 > this.line_height) ? 0 : ((this.line_height - this.ball_radius*2)/2)-1,

            ball_radius: (this.ball_radius*2 > this.line_height) ? this.line_height/2 : this.ball_radius,

            ball_diameter: (this.ball_radius*2 > this.line_height) ? this.line_height/2 : this.ball_radius*2,

            ball_left: -this.ball_radius,

            marker_color: this.placeholder_color

        },

        _html = Mustache.to_html(this.markerPlaceholderTemplate, _data),

        _el = IriSP.jQuery(_html);

    list_$ = this.$.find(".Ldt-Markers-List");

    _el.appendTo(list_$);

}

IriSP.Widgets.Markers.prototype.clearSelectedMarker = function(){

    if (this.selectedMarker){

        var _divHtml = "";

        this.selectedMarker = false;

        this.$.find(".Ldt-Markers-Info").html(_divHtml);

        this.$.find(".Ldt-Markers-RoundButton").hide();

        this.$.find(".Ldt-Markers-Create").show();

        this.$.find(".Ldt-Markers-MarkerBall").toggleClass("selected", false);

        this.updateCreateButtonState(this.media.getCurrentTime())

    }

    this.$.remove("Ldt-Markers-Marker");

    list_$.html("");