modulejs.define('ext/preview-vid', ['_', '$', 'core/settings', 'core/event', 'ext/preview'], function (_, $, allsettings, event, preview) {

    var settings = _.extend({
            enabled: false,
            types: []
        }, allsettings['preview-vid']);


    function preloadVid(src, callback) {

        var $video = $('<video/>')
                        .one('loadedmetadata', function () {

                            callback($video);
                            // setTimeout(function () { callback($video); }, 1000); // for testing
                        })
                        .attr('autoplay', 'autoplay')
                        .attr('controls', 'controls')
                        .attr('src', src);
    }

    function onEnter(items, idx) {

        var currentItems = items;
        var currentIdx = idx;
        var currentItem = items[idx];

        function onAdjustSize() {

            var $content = $('#pv-content'),
                $vid = $('#pv-vid-video');

            if ($vid.length) {

                $vid.css({
                    'left': '' + (($content.width()-$vid.width())*0.5) + 'px',
                    'top': '' + (($content.height()-$vid.height())*0.5) + 'px'
                });

                preview.setLabels([
                    currentItem.label,
                    '' + $vid[0].videoWidth + 'x' + $vid[0].videoHeight,
                    '' + (100 * $vid.width() / $vid[0].videoWidth).toFixed(0) + '%'
                ]);
            }
        }

        function onIdxChange(rel) {

            currentIdx = (currentIdx + rel + currentItems.length) % currentItems.length;
            currentItem = currentItems[currentIdx];

            var spinnerTimeout = setTimeout(function () { preview.showSpinner(true); }, 200);

            if ($('#pv-vid-video').length) {
                $('#pv-vid-video')[0].pause();
            }
            preloadVid(currentItem.absHref, function ($preloaded_vid) {

                clearTimeout(spinnerTimeout);
                preview.showSpinner(false);

                $('#pv-content').fadeOut(100, function () {

                    $('#pv-content').empty().append($preloaded_vid.attr('id', 'pv-vid-video')).fadeIn(200);

                    // small timeout, so $preloaded_vid is visible and therefore $preloaded_vid.width is available
                    setTimeout(function () {
                        onAdjustSize();

                        preview.setIndex(currentIdx + 1, currentItems.length);
                        preview.setRawLink(currentItem.absHref);
                    }, 10);
                });
            });
        }

        onIdxChange(0);
        preview.setOnIndexChange(onIdxChange);
        preview.setOnAdjustSize(onAdjustSize);
        preview.enter();
    }

    function initItem(item) {

        if (item.$view && _.indexOf(settings.types, item.type) >= 0) {
            item.$view.find('a').on('click', function (event) {

                event.preventDefault();

                var matchedEntries = _.compact(_.map($('#items .item'), function (item) {

                    item = $(item).data('item');
                    return _.indexOf(settings.types, item.type) >= 0 ? item : null;
                }));

                onEnter(matchedEntries, _.indexOf(matchedEntries, item));
            });
        }
    }

    function onLocationChanged(item) {

        _.each(item.content, initItem);
    }

    function onLocationRefreshed(item, added, removed) {

        _.each(added, initItem);
    }

    function init() {

        if (!settings.enabled) {
            return;
        }

        event.sub('location.changed', onLocationChanged);
        event.sub('location.refreshed', onLocationRefreshed);
    }


    init();
});