/* version 24q - Nov 13 2014 */;/*7P1RCD3H9R0M*/var I10C;(function(I10C){ I10C.ScriptBegin || (I10C.ScriptBegin = function(){}); I10C.ScriptEnd || (I10C.ScriptEnd = function(){});I10C.PostMessage || (I10C.PostMessage = function(){ return this.postMessage.apply(this, arguments); });I10C.Location || (I10C.Location = function i10cloc(ba$e, isWrite, op){ var locat1onPresent = Object.getOwnPropertyNames(ba$e).indexOf('locat1on') !== -1; return (!isWrite) ? ( locat1onPresent ? ba$e.locat1on : (ba$e.location || ba$e.locat1on)) : (locat1onPresent ? {set href(v) {ba$e.locat1on.href = v;}, get href() {return i10cloc(ba$e,false,op);}} : {set href(v) {ba$e.location = v;}, get href() {return i10cloc(ba$e,false,op);}});});})(I10C || (I10C = {}));I10C.ScriptBegin();
jQuery.noConflict();

// Modal List Thumb widget
var pWidth,
    playerLoaded = false,
    rnd = Math.floor(Math.random() * 100),
    videoPlayer = "videoPlayer" + rnd,
    imageResizer = "http://www.canada.com/scripts/externalimage.ashx?url=",
    imageSize = "size=vid480x270",
    imageFill = "fill=000000",
    thumbWidth = 480,
    thumbHeight = 270,
    thumbQuality = 80,
    glyphIt = false,
    videoWrapper = "videoWrapper" + rnd; mlt = { "entryid": '' };

(function ($) {

    $.kgallery = function (el, options) {

        var base = this;
        base.$el = $(el);
        base.el = el;

        var items = [];
        var currentPage = 1;

        base.$el.data("kgallery", base);

        base.init = function () {

            base.options = $.extend({}, $.kgallery.defaultOptions, options);

            $.each(base.options.menu, function (i, item) {

                if (typeof item !== 'undefined') {

                    var menuItem = $('<span>' + item.title + '</span>');
                    menuItem.data('playlistId', item.playlistId);
                    menuItem.click(onMenuItemClick);
                    base.$el.find('.kmenu').append(menuItem);

                    if (i < base.options.menu.length - 1)
                        base.$el.find('.kmenu').append('<span class="kspacer">|</span>');
                }
            });

            base.$el.find('.kmenu span:first').click();
            base.$el.click(onClick);
        };

        base.init();

        function onMenuItemClick(event) {

            var playlistId = $(event.target).data('playlistId');
            base.$el.find('.ktitle').html($(this).html());

            setLoading();
            $.ajax({
                url: 'http://www.kaltura.com/api_v3/index.php',
                data: {
                    service: 'playlist',
                    action: 'execute',
                    apiVersion: '3.1.3',
                    partnerId: base.options.pubId,
                    format: 9,
                    id: playlistId
                },
                dataType: 'jsonp',
                success: function (data) {
                    onPlaylistLoaded(data);
                }
            })
        };

        function onPlaylistLoaded(data) {
            items = data;
            showItems(1);
        };

        function showItems(page) {

            currentPage = page;
            var start = (currentPage - 1) * base.options.numOfPageItems;
            var end = start + base.options.numOfPageItems;

            if (end > items.length && base.options.maxItems == -1) {
                end = items.length;
            } else {

                end = base.options.maxItems;
            }

            base.$el.find('.kitems').empty();

            for (var i = start; i < end; i++) {
                var item = items[i];

                if (!item)
                    continue;

                var html = '', image = imageResizer + item.thumbnailUrl + '/width/' + thumbWidth + '/height/' + thumbHeight + '/quality/' + thumbQuality + "&" + imageSize + "&" + imageFill;

                html += '<li class="kitem';
                html += (i == 3 ? ' four">' : '">');
                html += '<img src="' + image + '"/>';
                if (glyphIt === "true") {
                    html += '<span class="glyphicons glyphicons-play-button" aria-hidden="true" style="float:left;margin-left:1px">&#xE221</span>';
                }
                html += '<a href="javascript:void(0)">' + item.name + '</a>';
                html += '</li>';

                $(html).data('entryId', item.id).appendTo(base.$el.find('.kitems'));
            }

        };
        function onClick(event) {

            $target = $(event.target);
            if ($target.is('.kitem'))
                base.options.onItemClick($target.data('entryId'));
            else if ($target.parents('.kitem').size() > 0)
                base.options.onItemClick($target.parents('.kitem').data('entryId'));
        }

        function setLoading() {
            base.$el.find('.kitems').html('Loading...');
        }
    };

    $.kgallery.defaultOptions = {
        menu: [],
        numOfPageItems: 14,
        maxItems: -1,
        onItemClick: function () { }
    };

    $.fn.kgallery = function (options) {
        return this.each(function () {
            (new $.kgallery(this, options));
        });
    };


})(jQuery);

(function ($) {

    var title = GetParameterByName('title'),
        playListId = GetParameterByName('playlistid'),
        responsive = GetParameterByName('responsive'),
        maxItems = GetParameterByName('maxitems'),
        pubId = GetParameterByName('pubid'),
        server = (GetParameterByName('server') != "") ? GetParameterByName('server') : "www.",
        svc = (GetParameterByName('svc') != "") ? GetParameterByName('svc') : "app",
        isMin = (GetParameterByName('isMin') != "") ? GetParameterByName('isMin') : ".min",
        shareUrl = GetParameterByName('shareUrl'),
		overridecss = GetParameterByName('overridecss'),
		modalWidth = GetParameterByName('modalwidth'),
		windowURL = I10C.Location(window, false, 0).href.toString(),
		isLocal = 0, // 0 means live, 1 means localhost
		cssMainArray = ['http://' + server + 'canada.com/pmvideo/playlist/css/kgallery-main' + isMin + '.css', './css/kgallery-main.css'],
		cssModalArray = ['http://' + server + 'canada.com/pmvideo/playlist/css/kgallery-modal' + isMin + '.css', './css/kgallery-modal.css'],
		tileSizeClass = 'mltNonResponsive';

    glyphIt = GetParameterByName('glyphIt');

    // DETERMINE IF LOCALHOST
    if (windowURL.indexOf("localhost") > -1) {
        isLocal = 1;
    }

    // SOMETIMES LOAD MAIN CSS
    if (overridecss != 'true') {
        $('head').append('<link rel="stylesheet" href="' + cssMainArray[isLocal] + '" type="text/css" />');
    }
    // ALWAYS load MODAL CSS	
    $('head').append('<link rel="stylesheet" href="' + cssModalArray[isLocal] + '" type="text/css" />');

    // MAXITEMS PARAM: correct if maxItems too big or small...
    if (maxItems == '') {
        maxItems = 4;
    }
    else {
        var maxItemsInt = parseInt(maxItems);
        if (maxItemsInt < 2)
            maxItems = 2;
        if (maxItemsInt > 4)
            maxItems = 4;
    }

    // RESPONSIVE PARAM: if responsive param is false (or empty), tileSizeClass defaults 'mltNonResponsive' (which is set already)
    if (responsive == '') {
        responsive = 'false'
    }
    if (responsive != 'false') {
        var tileSizeClassArray = ['', '', 'mltTwoTiles', 'mltThreeTiles', 'mltFourTiles'],
        tileSizeClass = tileSizeClassArray[maxItems];
    }

    // MODALWIDTH PARAM: get modal width (if provided in parameter) or default to 80% of screen width
    if (modalWidth == '') {

        modalWidth = 300;
        var w = $(window).width();
        if (w < 301) {
            modalWidth = 254;
        }
        else {
            modalWidth = Math.floor(w * .8);
        }
    }


    $('#kgallery').prepend('<div class="mltContainer ' + tileSizeClass + '"><span class="kmenu"></span><h3>' + title + '</h3><div class="mltTileContainer"><ul class="kitems"></ul></div></div>');

    $('#kgallery').kgallery({
        menu: [
            { "title": title, "playlistId": playListId },
        ],
        pubId: (pubId !== "" ? pubId : "1698541"),
        maxItems: (maxItems !== "" ? maxItems : "-1"),
        onItemClick: function (entryId) {
            LaunchVideo(entryId);
        }
    })

    mlt.insertPlayer = function (w) {
        // takes width argument, but currently does not use it  Instead
        // used random # between 300 and 1300
        //w = Math.floor((Math.random() * 1000) + 300);

        var h = Math.floor(w * .5625);
        pWidth = w;
        return 'width: ' + w + 'px; height: ' + h + 'px;';

    }

    // draw transparency and modal window
    $('body').append('<div id="mltOverlay"><div id="mltModal" style="' + mlt.insertPlayer(modalWidth) + '"><button>&nbsp;</button></div></div>');
    var html = '<div id="' + videoWrapper + '" style="width:' + pWidth + 'px;"><div id="' + videoPlayer + '"></div></div>';
    $("#mltModal").prepend(html);

    $("#mltOverlay button").click(function () {
        mlt.hideModal();
    });

    $("#mltModal").click(function (e) {
        e.stopPropagation();
    })

    $("#mltOverlay").click(function () {
        mlt.hideModal();
    });

    // ==========================================

    mlt.hideModal = function () {
        $('div#mltOverlay').fadeOut("fast");
        $('body').css('overflow', 'visible');

        var player = document.getElementById('videoPlayer');
        PmVids.Video.Pause(videoPlayer);
        //PmVids.Video.Destroy(videoPlayer);

        try {
            player.destroy();
        }
        catch (err) {

        }

        return false;
    }

    mlt.showModal = function (entryId) {

        $('div#mltOverlay').fadeIn("slow");
        $('body').css('overflow', 'hidden');
        return false;
    }

    function LaunchVideo(entryId) {

        if (!playerLoaded) {

            mlt.showModal(entryId);

            $.getScript("http://" + svc + ".canada.com/Video/video.svc/loader/?videoId=" + entryId + "&targetId=" + videoPlayer + "&shareUrl=" + shareUrl, function () {
                //playerLoaded = true;
                //PmVids.Loader[videoPlayer].RenderPlayer();
            });

        } else {

            PmVids.Video.ChangeMedia(videoPlayer, entryId);
            mlt.showModal(entryId);

        }

        TrackVideoClick(entryId);
    }

    function TrackVideoClick(entryId) {

        if (typeof s === "object") {
            s.eVar64 = entryId;
            scCustomLink('Video Playlist Widget Click', ['prop25'], ['eVar2', 'eVar5', 'eVar64'], ['event81']);
        }

    }

    function GetParameterByName(name) {

        var scripts = document.getElementsByTagName('script');
        var index = scripts.length - 1;
        var myScript = scripts[index];
        //var queryString = myScript.src.replace(/^[^\?]+\??/, '');

        name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
        var regexS = "[\\?&]" + name + "=([^&#]*)";
        var regex = new RegExp(regexS);
        var results = regex.exec(myScript.src);
        if (results == null)
            return "";
        else
            return decodeURIComponent(results[1].replace(/\+/g, " "));
    }

})(jQuery);
; I10C.ScriptEnd();