IriSP.mashupcore = function(project, mashup) {

    var currentMedia,

        intervaltemplate = _.template('<span class="frise-indication" style="left:<%= left %>%;"><%= time.toString() %></span>'),

        viztemplate = _.template('<div class="frise-segment annotation" data-segment-id="<%= segmentid %>" style="background-color:<%= color %>; left:<%= left %>%; width:<%= width %>%;"></div>');

    function updateMashupUI() {

        var vizhtml = '', t = 0, k = mashup.duration ? (100 / mashup.duration) : 0;

        mashup.segments.forEach(function(_s) {

            var vizdata = {

                left: k * t,

                width: k * _s.duration,

                color: _s.color,

                segmentid: _s.annotation.id

            }

            vizhtml += viztemplate(vizdata);

            t += _s.duration.milliseconds;

        });

        var intervals = [ 1000, 2000, 5000, 10000, 30000, 60000, 120000, 300000, 600000, 900000, 1800000, 3600000, 7200000 ];

        function createIntervals(maxn) {

            for (var i = 0; i < intervals.length; i++) {

                if (mashup.duration / intervals[i] <= maxn) {

                    var html = '';

                    for (var j = intervals[i]; j < mashup.duration; j += intervals[i]) {

                        html += intervaltemplate({ left: k * j, time: new IriSP.Model.Time(j) });

                    }

                    return html;

                }

            }

            return "";

        }

        $(".mashup-total-duration").text(mashup.duration.toString());

        $(".mashup-frise .frise-segments").html(vizhtml);

        $(".mashup-frise .frise-indications").html(createIntervals(6));

        if (currentMedia === mashup) {

            $(".Ldt-Ctrl-Time-Total").text(currentMedia.duration.toString());

            if (mashupTimecode > mashup.duration) {

                mashup.setCurrentTime(mashup.duration);

            }

            changeCurrentAnnotation();

            mashup.trigger("enter-annotation",mashup.currentAnnotation);

        }

    }

    /* Slider */

    var timeSlider = $(".Ldt-Slider"),

        timeSliderContainer = $(".Ldt-Slider-Container"),

        slidersRange = 920;

    timeSlider.slider({

        range: "min",

        value: 0,

        min: 0,

        max: slidersRange,

        slide: function(event, ui) {

            if (currentMedia) {

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

                currentMedia.setCurrentTime(t);

            }

        }

    });

    var timeSliderHandle = timeSlider.find('.ui-slider-handle'),

        timeSliderMaximized = false,

        timeSliderTimeoutId = false,

        timeSliderMinimizedHeight = 4,

        timeSliderMaximizedHeight = 10,

        timeSliderTimeoutDuration = 1500,

        timeTooltip = $(".Ldt-Slider-Time");

    timeSliderContainer.css(calculateSliderCss(timeSliderMinimizedHeight));

    timeSliderHandle.css(calculateHandleCss(timeSliderMinimizedHeight));

    function timeSliderMouseOver() {

        if (timeSliderTimeoutId) {

            window.clearTimeout(timeSliderTimeoutId);

            timeSliderTimeoutId = false;

        }

        if (!timeSliderMaximized) {

           timeSliderAnimateToHeight(timeSliderMaximizedHeight);

           timeSliderMaximized = true;

        }

    }

    function timeSliderMouseOut() {

        timeTooltip.hide();

        if (timeSliderTimeoutId) {

            clearTimeout(timeSliderTimeoutId);

            timeSliderTimeoutId = false;

        }

        timeSliderTimeoutId = setTimeout(function() {

            if (timeSliderMaximized) {

                timeSliderAnimateToHeight(timeSliderMinimizedHeight);

                timeSliderMaximized = false;

            }

            timeSliderTimeoutId = false;

        }, timeSliderTimeoutDuration);

    }

    timeSliderContainer

        .mouseover(function() {

            timeTooltip.show();

            timeSliderMouseOver();

        })

        .mouseout(timeSliderMouseOut);

    timeSlider.mousemove(function(_e) {

        if (!currentMedia) {

            return;

        }

        var _x = _e.pageX - timeSlider.offset().left,

            _t = new IriSP.Model.Time(

                Math.max(0, currentMedia.duration * Math.min(1, _x / timeSlider.width()))

            );

        timeTooltip.text(_t.toString()).css("left",_x);

    });

    $(".Ldt-Ctrl").mouseover(timeSliderMouseOver).mouseout(timeSliderMouseOut);

    function timeSliderAnimateToHeight(_height) {

        timeSliderContainer.stop().animate(

            calculateSliderCss(_height),

            500,

            function() {

                IriSP.jQuery(this).css("overflow","visible");

            });

        timeSliderHandle.stop().animate(

            calculateHandleCss(_height),

            500,

            function() {

                IriSP.jQuery(this).css("overflow","visible");

            });

    }

    function calculateSliderCss(_size) {

        return {

            height: _size + "px",

            "margin-top": (timeSliderMinimizedHeight - _size) + "px"

        };

    }

    function calculateHandleCss(_size) {

        return {

            height: (2 + _size) + "px",

            width: (2 + _size) + "px",

            "margin-left": -Math.ceil(2 + _size / 2) + "px" 

        }

    }

    /* Controller Widget */

    var volBlock = $(".Ldt-Ctrl-Volume-Control");

    $('.Ldt-Ctrl-Sound')

        .click(function() {

            if (currentMedia) {

                currentMedia.setMuted(!currentMedia.getMuted());

            }

        })

        .mouseover(function() {

            volBlock.show();

        })

        .mouseout(function() {

            volBlock.hide();

        });

    volBlock.mouseover(function() {

        volBlock.show();

    }).mouseout(function() {

        volBlock.hide();

    });

    var volBar = $(".Ldt-Ctrl-Volume-Bar");

    function ctrlVolumeUpdater() {

        if (currentMedia) {

            var _muted = currentMedia.getMuted(),

                _vol = currentMedia.getVolume();

            if (_vol === false) {

                _vol = .5;

            }

            var _soundCtl = $(".Ldt-Ctrl-Sound");

            _soundCtl.removeClass("Ldt-Ctrl-Sound-Mute Ldt-Ctrl-Sound-Half Ldt-Ctrl-Sound-Full");

            if (_muted) {        

                _soundCtl.attr("title", gettext("Unmute"))

                    .addClass("Ldt-Ctrl-Sound-Mute");    

            } else {

                _soundCtl.attr("title", gettext("mute"))

                    .addClass(_vol < .5 ? "Ldt-Ctrl-Sound-Half" : "Ldt-Ctrl-Sound-Full" )

            }

            volBar.slider("value", _muted ? 0 : 100 * _vol);

            volBar.attr("title",gettext("Volume:") + Math.floor(100 * _vol) + '%');

        }

    }

    volBar.slider({

        slide: function(event, ui) {

            if (currentMedia) {

                currentMedia.setVolume(ui.value / 100);

            }

        }

    });

    $(".Ldt-Ctrl-Play").click(function() {

        if (currentMedia) {

            if (currentMedia.getPaused()) {        

                currentMedia.play();

            } else {

                currentMedia.pause();

            }

        }

    });

    /* UI Events */

    function onCurrentMediaPlay() {

        $(".Ldt-Ctrl-Play")

            .attr("title", gettext("Pause"))

            .removeClass("Ldt-Ctrl-Play-PlayState")

            .addClass("Ldt-Ctrl-Play-PauseState")

    }

    function onCurrentMediaPause() {

        $(".Ldt-Ctrl-Play")

            .attr("title", gettext("Play"))

            .removeClass("Ldt-Ctrl-Play-PauseState")

            .addClass("Ldt-Ctrl-Play-PlayState")

    }

    function onCurrentMediaTimeupdate(_time) {

        $(".Ldt-Ctrl-Time-Elapsed").text(_time.toString());

        timeSlider.slider("value",slidersRange * _time / currentMedia.duration);

    }

    /* Mashup Player */

    mashup.currentMedia = null;

    mashup.currentAnnotation = null;

    mashup.seeking = false;

    var mashupSegmentBegin,

        mashupSegmentEnd,

        mashupTimecode = 0,

        seekdiv = $(".video-wait"),

        mashupTimedelta;

    function showSeek() {

        if (currentMedia.seeking) {

            seekdiv.show();

        }

    }

    function changeCurrentAnnotation() {

        if (mashupTimecode >= mashup.duration) {

            if (!mashup.paused) {

                mashup.paused = true;

                mashup.trigger("pause");

            }

            mashupTimecode = 0;

        }

        var _annotation = mashup.getAnnotationAtTime( mashupTimecode );

        if (typeof _annotation === "undefined") {

            if (mashup.currentMedia) {

                mashup.currentMedia.pause();

                if (!mashup.paused) {

                    mashup.paused = true;

                    mashup.trigger("pause");

                }

            }

            return;

        }

        mashup.currentAnnotation = _annotation;

        mashupSegmentBegin = mashup.currentAnnotation.annotation.begin.milliseconds;

        mashupSegmentEnd = mashup.currentAnnotation.annotation.end.milliseconds;

        mashupTimedelta = mashupSegmentBegin - mashup.currentAnnotation.begin.milliseconds;

        mashup.currentMedia = mashup.currentAnnotation.getMedia();

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

            if (_media !== mashup.currentMedia) {

                _media.hide();

                _media.pause();

            } else {

                _media.show();

            }

        });

        mashup.currentMedia.setCurrentTime( mashupTimecode + mashupTimedelta);

        mashup.currentMedia.seeking = true;

        if (!mashup.paused) {

            mashup.currentMedia.play();

            mashup.seeking = true;

            setTimeout(showSeek,200);

        }

        mashup.trigger("timeupdate", new IriSP.Model.Time(mashupTimecode));

    }

    function addMedia(media) {

        if (media.has_player) {

            return;

        }

        media.has_player = true;

        var videourl = media.video;

        if (typeof IriSP.video_url_transform === "function") {

            videourl = IriSP.video_url_transform(media.video);

        }

        var videoid = "video_" + media.id,

            videoEl = $('<video>'),

            width = $(".video").width(),

            height = $(".video").height(),

/*

            mp4_file = videourl.replace(/\.webm$/i,'.mp4'),

            webm_file = videourl.replace(/\.mp4$/i,'.webm'),

*/

/*

            webm_src = $('<source>'),

*/

        mp4_src.attr({

            src: videourl, //mp4_file,

            type: "video/mp4"

        });

/*

        webm_src.attr({

            src: webm_file,

            type: "video/webm"

        });

*/

        videoEl.attr({

            id : videoid,

            width : width,

            height : height

        }).css({

            position : "absolute",

            left: 0,

            top: 0,

            width : width,

            height : height

        });

        videoEl.append(mp4_src); //.append(webm_src);

        $(".video").append(videoEl);

        media.show = function() {

            videoEl.show();

        }

        media.hide = function() {

            videoEl.hide();

        }

        var popcorn = Popcorn("#" + videoid);

        // Binding functions to Popcorn

        media.on("setcurrenttime", function(_milliseconds) {

            if (media.loaded) {

                popcorn.currentTime(_milliseconds / 1000);

                media.seeking = true;