IriSP.hc_messages = {

    Duration_ : "Durée :",

    duration_ : "durée :",

    edit_segment: "Éditer le segment",

    segment_down: "Descendre le segment",

    segment_up: "Remonter le segment",

    delete_segment: "Supprimer le segment",

    clone_segment: "Cloner le segment",

    From_: "De :",

    to_: "à :",

    segment_title_placeholder: "Segment sans titre",

    mashup_title_placeholder: "Hashcut sans titre",

    copy_of_: "Copie de ",

}

IriSP.editor = function(options) {

    /* Load Media List */

    var directory = new IriSP.Model.Directory(),

        apidirectory = new IriSP.Model.Directory(),

        project = directory.remoteSource({

            url: options.url,

            serializer: IriSP.serializers.medialist

        }),

        mashup = new IriSP.Model.Mashup(false, project),

            + '<div class="video-info"><h3 class="title-video"><%= title %></h3><p class="description"><%= description %></p>'

            + '<div class="validate <%= annotation.status %>"><div class="validate-tooltip"><ul><li><%= annotation.status_messages.join("</li><li>") %></li></ul></div></div><div class="video-info"><h3 class="title-video"><%= annotation.getMedia().title %></h3>'

            + '<p class="subtitle"><%= annotation.title %></p><p class="duration"><%= annotation.begin.toString() %> - <%= annotation.end.toString() %> (<%= annotation.getDuration().toString() %>)</p>'

            + '<ul class="tools"><li><a class="edit" href="#" title="<%= IriSP.hc_messages.edit_segment %>"></a></li><li><a class="bottom" href="#" title="<%= IriSP.hc_messages.segment_down %>"></a></li>'

            + '<h3><%= annotation.title %></h3><a href="#" class="button reprendre-segment" data-segment-id="<%= annotation.id %>"><%= IriSP.hc_messages.clone_segment %></a>'

            + '<p><%= IriSP.hc_messages.From_ %> <span><%= annotation.begin.toString() %></span> <%= IriSP.hc_messages.to_ %> <span><%= annotation.end.toString() %></span> (<%= IriSP.hc_messages.duration_ %> <span><%= annotation.getDuration().toString() %></span>)</p>'

        mashupstatus = '',

        addMode, currentMedia, currentSegment;

    IriSP.mashupcore(project, mashup);

    /* Validation of segments and mashup */

    var segmentcritical = [

        {

            validate: function(_s) {

                return (_s.getDuration() >= 1000);

            },

            message: "Le segment doit durer au moins une seconde"

        },

        {

            validate: function(_s) {

                return (_s.getDuration() < 180000);

            },

            message: "Le segment doit durer moins de trois minutes"

        },

        {

            validate: function(_s) {

                return (!!_s.title && _s.title !== IriSP.hc_messages.segment_title_placeholder);

            },

            message: "Le segment doit avoir un titre"

        }

    ];

    var segmentwarning = [

        {

            validate: function(_s) {

                return (!!_s.description);

            },

            message: "Il est recommandé de donner une description au segment"

        },

        {

            validate: function(_s) {

                return (!!_s.keywords.length);

            },

            message: "Il est recommandé de tagguer le segment"

        }

    ];

    var mashupcritical = [

        {

            validate: function(_m) {

                return _m.segments.length > 2;

            },

            message: "Un hashcut doit être composé d'au moins trois segments"

        },

        {

            validate: function(_m) {

                return (!!_m.title && _m.title !== IriSP.hc_messages.mashup_title_placeholder);

            },

            message: "Un titre doit être donné au hashcut"

        }

    ];

    var mashupwarning = [

        {

            validate: function(_m) {

                return !!_m.description

            },

            message: "Il est recommandé de donner une description au hashcut"

        }

    ];

    /* Fill left column with Media List */

    project.onLoad(function() {

        var html = '';

        project.getMedias().forEach(function(_m) {

            html += mediatemplate(_m);

        });

        $(".col-left .list-video").html(html);

        project.getMedias().forEach(function(_m) {

            apidirectory.remoteSource({

                url: options.segment_api_endpoint,

                url_params: {

                    iri_id: _m.id,

                    limit: 0

                },

                serializer: IriSP.serializers.segmentapi

            }).onLoad(function() {

                var medias = this.getMedias(),

                    annotations = this.getAnnotations();

                if (medias && medias.length) {

                    var mediaid = medias[0].id;

                    el = $(".item-video[data-media-id='" + mediaid + "'] .media-count");

                    el.text(annotations.length).parent().show();

                    mediasegmentscache[mediaid] = annotations;

                    if (currentMedia && mediaid === currentMedia.id && currentSegment) {

                        showOtherSegments();

                    }

                }

            });

        });

    });

    /* Search Media with left column form */

    $(".col-left input").on("keyup change input paste", function() {

        var val = $(this).val();

        if (val) {

            var find = IriSP.Model.regexpFromTextOrArray(val, true),

                replace = IriSP.Model.regexpFromTextOrArray(val, false);

        }

        $(".col-left .item-video").each(function() {

            var li = $(this),

                li.show();

            } else {

                    li.hide();

                }

            }

        })

    });

    /* Fill right column when mashup is updated */

    function updateMashupUI() {

        var listhtml = '', critical = false, warning = false, messages = [];

        mashup.segments.forEach(function(_s) {

            listhtml += segmenttemplate(_s);

            if (_s.annotation.status === "critical") {

                critical = true;

            }

        });

        if (critical) {

            messages.push("Certains segments ne sont pas valides");

        }

        _(mashupcritical).each(function(sc) {

            if (!sc.validate(mashup)) {

                critical = true;

                messages.push(sc.message);

            }

        });

        _(mashupwarning).each(function(sc) {

            if (!sc.validate(mashup)) {

                warning = true;

                messages.push(sc.message);

            }

        });

        mashup.status = critical ? "critical" : (warning ? "warning" : "valid");

        if (!messages.length) {

            messages.push("Le hashcut est valide !");

        }

        mashupstatus = ' - ' + messages.join('\n - ');

        $(".publier-button").toggleClass("disable", critical);

        $(".liste-segment .validate").removeClass("critical warning valid").addClass(mashup.status);

        $(".liste-segment .validate-tooltip").html("<ul><li>" + messages.join("</li><li>")+"</li></ul>");

        $(".col-right .list-video").html(listhtml).find(".item-video:last-child .bottom, .item-video:first-child .top").addClass("disable");

        project.trigger("mouseout-annotation");

    }

    mashup.on("setcurrent", function() {

        currentMedia = mashup;

    });

    mashup.on("change",updateMashupUI);

    /* Slice Widget */

    var sliceSlider = $(".Ldt-Slice"),

        sliceStartTime,

        slidersRange = 920;

    sliceSlider.slider({

        range: true,

        values: [0, slidersRange],

        min: 0,

        max: slidersRange,

        start: function() {

            if (currentMedia) {

                if (!currentMedia.getPaused()) {

                    currentMedia.pause();

                }

            }

        },

        slide: function(event, ui) {

            if (currentMedia && currentSegment) {

                var t = currentMedia.duration * ui.value / slidersRange;

                if (ui.value === ui.values[0]) {

                    currentSegment.setBegin(t);

                } else {

                    currentSegment.setEnd(t);

                }

            }

        }

    });

    sliceSlider.find(".ui-slider-handle:first")

        .addClass("Ldt-Slice-left-handle")

        .click(function() {

            if (currentMedia && currentSegment) {

                currentMedia.setCurrentTime(currentSegment.begin);

            }

        });

    sliceSlider.find(".ui-slider-handle:last")

        .addClass("Ldt-Slice-right-handle")

        .click(function() {

            if (currentMedia && currentSegment) {

                currentMedia.setCurrentTime(currentSegment.end);

            }

        });

    /* Update Segment UI */

    function updateSegmentUI() {

        if (currentMedia && currentSegment) {

            var start = currentSegment.begin,

                end = currentSegment.end,

                dur = currentSegment.getDuration(),

                f = slidersRange / currentMedia.duration,

                tangleStart = $(".tangle-start"),

                tangleEnd = $(".tangle-end"),

                tangleDuration = $(".tangle-duration"),

                k = 100 / currentMedia.duration,

                p = k * (start + end) / 2;

            sliceSlider.slider( "values", [ f * start, f * end ] );

            tangleStart.text(start.toString(tangleStart.hasClass("active"))).attr("data-milliseconds",start.milliseconds);