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"

}

    /* Load Media List */

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

        project = directory.remoteSource({

            url: options.url,

            serializer: IriSP.serializers.medialist

        }),

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

            + '<span class="video-info"><span class="title-video"><%= title %></span><span class="author"><%= description %></span>'

            + '<span class="time-length"><%= IriSP.hc_messages.Duration_ %> <span><%= duration.toString() %></span></span></span></li>'),

            + '<img src="<%= annotation.getMedia().thumbnail %>" alt="<%= annotation.getMedia().title %>" />'

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

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

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

            + '<li><a class="top" href="#" title="<%= IriSP.hc_messages.segment_up %>"></a></li><li><a class="delete" href="#" title="<%= IriSP.hc_messages.delete_segment %>"></a></li></ul></span></li>'),

        mediasegmenttemplate = _.template('<div class="media-segments-list"><div class="media-segment">'

            + '<div class="media-section media-current-section" style="left:<%= currentleft %>px; width:<%= currentwidth %>px;"><div class="media-current-section-inner"></div></div>'

            + '<div class="popin media-segment-popin" style="left:<%= popleft %>px"><img style="left:<%= pointerpos %>px;" class="pointer" src="img/popin-triangle.png" alt="" /><div class="popin-content">'

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

    /* Validation of segments and mashup */

    var segmentcritical = [

        {

            validate: function(_s) {

            },

        },

        {

            validate: function(_s) {

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

            },

        }

    ];

    var segmentwarning = [

        {

            validate: function(_s) {

            },

            message: "Il est recommandé de donner une description au 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);

    });

    /* 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),

                title = $(this).find(".title-video"),

                titletext = title.text();

            if (val && find.test(titletext)) {

                title.html(titletext.replace(replace, '<span style="background: yellow;">$1</span>'));

                li.show();

            } else {

                title.text(titletext);

                if (val) {

                    li.hide();

                } else {

                    li.show();

                }

            }

        })

    });

    /* Fill right column when mashup is updated */

    function updateMashupUI() {

        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 !");

        }

        $(".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>");

    }

    });

    /* Slice Widget */

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

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

            }

        });

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

            tangleEnd.text(end.toString(tangleEnd.hasClass("active"))).attr("data-milliseconds",end.milliseconds);

            tangleDuration.text(dur.toString(tangleDuration.hasClass("active"))).attr("data-milliseconds",dur.milliseconds);

            $(".segmentation .pointer").css("left", p + "%");

            $(".media-current-section").css({

                left: (k * start) + "%",

                width: (k * dur) + "%"

            });

            var messages = [],

                critical = false,

                warning = false;

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

                if (!sc.validate(currentSegment)) {

                    critical = true;

                    messages.push(sc.message);

                }

            });

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

                if (!sc.validate(currentSegment)) {

                    warning = true;

                    messages.push(sc.message);

                }

            });

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

            if (!messages.length) {

                messages.push("Le segment est valide !")

            }

            currentSegment.status_messages = messages;

            $(".segmentation .validate").removeClass("critical warning valid").addClass(currentSegment.status);

            $(".segmentation .validate-tooltip").html("<ul><li>" + currentSegment.status_messages.join("</li><li>")+"</li></ul>");

        }

    }

    function setMedia(media) {

        if (currentMedia) {

            currentMedia.pause();

        }

        currentMedia = media;

        if (currentMedia.elementType == "media") {

            showSegmentation();

            $(".tab-media-title").text(currentMedia.title);

            addMode = !(currentSegment && mashup.hasAnnotation(currentSegment));

            if (!currentSegment) {

                currentSegment = new IriSP.Model.Annotation(false, project);

                currentSegment.setMedia(currentMedia.id);

                currentSegment.setBegin(0);

                currentSegment.setEnd(currentMedia.duration);

                currentSegment.title = IriSP.hc_messages.segment_title_placeholder;

                currentSegment.description = "";

                currentSegment.on("change-begin", function() {

                    if (currentMedia && currentSegment === this) {

                        currentMedia.setCurrentTime(this.begin);

                        updateSegmentUI();

                    }

                });

                currentSegment.on("change-end", function() {

                    if (currentMedia && currentSegment === this) {

                        currentMedia.setCurrentTime(this.end);

                        updateSegmentUI();

                    }

                });

            }

            if (currentMedia.loaded) {

                currentMedia.setCurrentTime(currentSegment.begin);

            }

            $(".add-segment").val(addMode ? "Ajouter au Hashcut" : "Sauvegarder");

            $(".create-or-edit").text(addMode ? "Créer un nouveau segment" : "Modifier le segment");

            media.show();

            $("#segment-title").val(currentSegment.title);

            $("#segment-description").val(currentSegment.description);

            var relatedSegments = mashup.segments.filter(function(_s) {

                return _s.getMedia() === currentMedia && _s.annotation !== currentSegment;

            });