//noinspection BadExpressionStatementJS

;(function(window) {
    'use strict';

    

    window['kartra'] = 'undefined' === typeof window['kartra']
        ? []
        : window['kartra'];
    window['kartra']['video-embeds'] = 'undefined' === typeof window['kartra']['video-embeds']
        ? []
        : window['kartra']['video-embeds'];

    var stickySensitivity = 100,
        jQ;

    

    

    /** Pages video **/

    window['kartra']['pages'] = 'undefined' === typeof window['kartra']['pages']
        ? []
        : window['kartra']['pages'];
    window['kartra']['pages']['init'] = 'undefined' === typeof window['kartra']['pages']['init']
        ? []
        : window['kartra']['pages']['init'];

    if ('undefined' !== typeof window['kartra']['video-embeds']['eXUIjqnR6WZasdfcf']) {
        return false;
    }

    loadCss();
    loadAnalytics();

    jQuery(document).ready(function() {
        jQ = jQuery.noConflict();

        var $videoContainer = jQ('.kartra_video_containereXUIjqnR6WZa[data-random_str="sdfcf"]');

        if ($videoContainer.parents('[data-delay-duration]').not('.js_delay_loaded').length < 1) {
            initEmbedeXUIjqnR6WZasdfcf();
        } else {
            // works with delay code in pages-skeleton.js
            $videoContainer
                .attr('data-video-hashed-rnd', 'eXUIjqnR6WZasdfcf')
                .attr('data-delayed-type', 'video')
                .addClass('js_delayed');

            window['kartra']['pages']['init']['video'] = function($container) {
                window['kartra']['video-embeds'][$container.attr('data-video-hashed-rnd')]();
                jQ(window).trigger('resize');
            }
        }
    });

    window['kartra']['video-embeds']['eXUIjqnR6WZasdfcf'] = initEmbedeXUIjqnR6WZasdfcf;

    

    function loadAnalytics() {
        var analyticsScript = document.createElement('script');

        analyticsScript.type = 'text/javascript';
        analyticsScript.src = 'https://app.kartra.com/resources/js/analytics/R8g82rqP';
        document.body.appendChild(analyticsScript);
    }

    function loadCss() {
        var cssPath = 'https://app.kartra.com/css/new/css/v5/stylesheets_frontend/video/video_wrapper/styles.css',
            existingCssScript = document.querySelector('link[href="' + cssPath + '"]');

        if (!existingCssScript) {
            var cssLink = document.createElement('link');

            cssLink.type = 'text/css';
            cssLink.rel = 'stylesheet';
            cssLink.href = cssPath;

            document.head.appendChild(cssLink);
        }
    }

    function loadJquery() {
        var jqueryPath = 'https://app.kartra.com/js/node_modules/kartra-jquery/jquery-1.10.2/jquery-1.10.2.min.js';

        if (
            window.jQuery
        ) {
            jQ = window.jQuery;
            jQ(document).ready(function() {
                initEmbedeXUIjqnR6WZa();
            });
        } else {
            var jQueryScript = document.createElement('script');

            jQueryScript.type = 'text/javascript';
            jQueryScript.src = jqueryPath;
            jQueryScript.onload = function() {
                jQ = window.jQuery.noConflict(true);

                jQ(document).ready(function() {
                    initEmbedeXUIjqnR6WZa();
                });
            }

            document.body.appendChild(jQueryScript);
        }
    }

    function initEmbedeXUIjqnR6WZasdfcf() {
        var $videoContainer,
            modalEmbedType = !!0;

        

        
        $videoContainer = jQ('.kartra_video_containereXUIjqnR6WZa[data-random_str="sdfcf"]');
        

        if (modalEmbedType) {
            createModalVideo($videoContainer);
        } else {
            createRegularVideo($videoContainer);
        }
    }

    function createRegularVideo($videoContainers) {
        var styleString = '\
            <style>\
                 \
                .kartra_video_embed-containereXUIjqnR6WZa { \
                    padding-bottom: 56.25%; \
                } \
                .kartra_video_placeholder_div_eXUIjqnR6WZa > div {\
                    padding-bottom: 56.25%; \
                }\
            </style>';

        $videoContainers.each(function(i, el) {
            var $container = jQ(el),
                $videoOuterWrapper = jQ('<div class="js_kartra_video_wrapper kartra_video_outer_wrappereXUIjqnR6WZa"></div>'),
                $videoEmbedWrapper = jQ('<div class="kartra_video_embed-containereXUIjqnR6WZa"></div>'),
                $videoPlaceholder = jQ('<div class="js_kartra_video_placeholder kartra_video_placeholder_div_eXUIjqnR6WZa"><div></div></div>'),
                $iframe = generateIframe(false);

            $container.empty();

            // For the same video, embed styling only once in page
            if (0 === i) {
                $container.append(styleString);
            }

            $videoEmbedWrapper.append($iframe);
            $videoOuterWrapper.append($videoEmbedWrapper);
            $container
                .addClass('js_kartra_video_container')
                .append($videoOuterWrapper)
                .append($videoPlaceholder);

            if (
                window['kartra']
                && window['kartra']['pages']
            ) {
                var $videoShadow = jQ('<div class="kartra_video_player_shadow"></div>');

                $container.append($videoShadow);
            }

            $iframe.on('load', function() {
                var videoHeight = $container.outerHeight(),
                    position = videoHeight/2 + $container.offset().top + stickySensitivity;

                position = Math.round(position);

                // Make it from the bottom half of the video
                $container.attr('data-original-position', position);
                $container.addClass('js_video_embed_loaded');
            });
        });

        jQ(window).on('message', function(event) {
            var messageData = event.originalEvent.data;

            if ('undefined' !== typeof(messageData)) {
                if (
                    'kt-video-play-eXUIjqnR6WZa' === messageData['message']
                    || 'kt-video-play-sticky-eXUIjqnR6WZa' === messageData['message']
                    || 'kt-video-pause-eXUIjqnR6WZa' === messageData['message']
                    || 'kt-video-complete-eXUIjqnR6WZa' === messageData['message']
                    || 'kt-video-loaded' === messageData['message']
                ) {
                    if (
                        'undefined' === typeof messageData['payload']
                        || 'undefined' === typeof messageData['payload']['frame']
                    ) {
                        return false;
                    }

                    var $videoIframe = jQ('.js_kartra_video_container iframe[name="' + messageData['payload']['frame'] + '"]');

                    if ($videoIframe.length) {
                        var $videoContainer = $videoIframe.closest('.js_kartra_video_container'),
                            $stickyVideo    = jQ('.js_kartra_video_container.kartra-video-sticky-top, .js_kartra_playlist_container.kartra-video-sticky-top'),
                            frameWindow     = $videoIframe[0].contentWindow ?
                                $videoIframe[0].contentWindow : $videoIframe[0].contentDocument.defaultView;

                        switch(messageData['message']) {
                            case 'kt-video-play-sticky-eXUIjqnR6WZa':
                                $videoContainer.addClass('js_video_enable_sticky');

                                if (
                                    $stickyVideo.length
                                    && !$stickyVideo.is($videoContainer)
                                ) {
                                    closeStickyVideo($stickyVideo, true);
                                }

                                break;

                            case 'kt-video-pause-eXUIjqnR6WZa':
                            case 'kt-video-complete-eXUIjqnR6WZa':
                                $videoContainer.removeClass('js_video_enable_sticky');

                                break;

                            case 'kt-video-loaded':
                                frameWindow.postMessage({
                                    message: 'kt-video-embed-domain',
                                    payload: {
                                        location: window.location.href
                                    }
                                }, '*');
                                break;

                            default:
                                if ($stickyVideo.length) {
                                    closeStickyVideo($stickyVideo, true);
                                }

                        }
                    }
                }
            }
        });

    
    }



    function createModalVideo($videoContainers) {
        var $meta = jQ('<meta name="viewport" content="width=device-width, initial-scale=1">'),
            $overlay = jQ('<div class="webinar-registration-overlay" style="display:none;" id="popup_eXUIjqnR6WZa"></div>'),
            $overlayInner = jQ('<div style="position:relative; height: 100%; width: 100%"></div>'),
            $innerWrapper = jQ('<div id="popup_eXUIjqnR6WZa_inner" style="min-width:auto; margin: auto;"></div>'),
            $iframe = generateIframe(true),
            styleString = '\
                <style>\
                    #popup_eXUIjqnR6WZa_inner {\
                        width:800px;\
                        max-width: 100%;\
                        max-height: 100%;\
                    }\
                    @media (min-width: 768px) {\
                        #popup_eXUIjqnR6WZa_inner{\
                            height: '+(450 + 50)+'px;\
                        }\
                    }\
                    @media (max-width: 767px) {\
                        #popup_eXUIjqnR6WZa_inner{\
                            width:auto;\
                            padding-left: 10px; \
                            padding-right: 10px; \
                            height: 100%;\
                            }\
                        }\
                    @media (max-width: 480px) {\
                        #popup_eXUIjqnR6WZa_inner {\
                            width:auto;\
                            padding-left: 10px; \
                            padding-right: 10px;\
                        }\
                    }\
                    @media (max-width: 767px) and (min-width: 480px) {\
                        #popup_eXUIjqnR6WZa_inner{\
                            width:auto;\
                            padding-left: 5%; \
                            padding-right: 5%;\
                        }\
                    }\
                <\/style>',
            isPlaying = false;

        $iframe.attr({
            'id': 'the_frame_eXUIjqnR6WZa',
            'width': '100%',
            'height': '100%',
        });

        if (!jQ('#popup_eXUIjqnR6WZa').length) {
            $innerWrapper.append($iframe);
            $overlayInner.append($innerWrapper);
            $overlay.append($overlayInner);

            jQ('head').append($meta);
            jQ('body').append($overlay);
        }

        $videoContainers.each(function(i, el) {
            var $container = jQ(el),
                $trackableWrapper = jQ('<div id="js_trackable_wrapper_eXUIjqnR6WZa" class="js_trackable_wrapper"></div>'),
                modalTrigger = generateModalTrigger();

            // For the same video, embed styling only once in page
            if (0 === i) {
                $container.append(styleString);
            }

            $container.append(modalTrigger);
            $container.before($trackableWrapper);
            $container.detach().appendTo($trackableWrapper);
        });

        jQ(window).on('message', function(event) {
            var messageData = event.originalEvent.data,
                frameWindow = $iframe[0].contentWindow
                    ? $iframe[0].contentWindow
                    : $iframe[0].contentDocument.defaultView;

            if ('undefined' !== typeof(messageData)) {
                if ('closeeXUIjqnR6WZa' === messageData['func']) {
                    jQ('body').removeClass('kartra_body_reset');
                    jQ('html').css('overflow', '');
                    jQ('#popup_eXUIjqnR6WZa').hide();
                }

                if ('kt-video-loaded' === messageData['message']) {
                    frameWindow.postMessage({
                        message: 'kt-video-embed-domain',
                        payload: {
                            location: window.location.href
                        }
                    }, '*');
                }
            }
        });

        $iframe.on('load', function() {
            jQ('.popup_triggereXUIjqnR6WZa')
                .off('click')
                .on('click', function() {
                    var $analyticsElement = jQ('#js_trackable_wrapper_eXUIjqnR6WZa'),
                        $stickyVideo = jQ('.js_kartra_video_container.kartra-video-sticky-top, .js_kartra_playlist_container.kartra-video-sticky-top'),
                        frameWindow = $iframe[0].contentWindow
                            ? $iframe[0].contentWindow
                            : $iframe[0].contentDocument.defaultView;

                    jQ('#popup_eXUIjqnR6WZa').show();
                    jQ('body').addClass('kartra_body_reset');
                    jQ('html').css('overflow', 'hidden');

                    // Trigger the analytics
                    if ($analyticsElement.length) {
                        var event = new Event('kartra_show_hidden_asset');

                        $analyticsElement[0].dispatchEvent(event);
                    }

                    if (!isPlaying) {
                        isPlaying = true;
                        frameWindow.postMessage({
                            'func': 'play'
                        }, '*');
                    }

                    if ($stickyVideo.length) {
                        closeStickyVideo($stickyVideo, true);
                    }
                });
        });
    }

    function generateModalTrigger() {
        var imageModalTrigger = !!0,
            $trigger = jQ('<a href="javascript:void(0)" class="popup_triggereXUIjqnR6WZa kartra_btn-call2action" data-toggle="modal" data-toggle2="tooltip" data-original-title="Click to preview modal video"></a>');

        if (imageModalTrigger) {
            var $image = jQ('<img>', {
                src: '' !== ''
                    ? ''
                    : 'https://d2uolguxr56s4e.cloudfront.net/img/front/video/video_play_button.png',
                id: 'preview_video_image_tag',
                border: 0
            });

            $trigger.attr('id', 'preview_video_image');
            $trigger.css({
                'max-width': '520px',
                'margin': '10px 0'
            });
            $trigger.append($image);
        } else {
            $trigger.attr('id', 'preview_video_button');
            $trigger.addClass('kartra_medium kartra_btn popup_button');
            $trigger.css({
                'background-color': '97ce68',
                'color': 'ffffff'
            });
            $trigger.text('Watch video');
        }

        return $trigger;
    }

    function generateIframe(isModal) {
        var iframeSrc = 'https://app.kartra.com/video_front/index_pages/eXUIjqnR6WZa/' + (isModal ? '1' : '0') + '/?autoplay=true&mute_on_start=true&show_controls=true&skin=11';

        return jQ('<iframe>', {
            src: iframeSrc,
            frameborder: 0,
            scrolling: 'no',
            allowFullScreen: true,
            name: 'kt_embed_' + uniqueString(),
            class: 'js_kt_iframe_embed',
        });
    }

    function generateStickyCloseButton() {
        return jQ('<button type="button" class="video-close-button js_video_sticky_close"><i></i></button>');
    }

    function closeStickyVideo($videoContainer, stopPlayback) {
        var $videoFrame = $videoContainer.find('.js_kt_iframe_embed'),
            $button = $videoContainer.find('.js_video_sticky_close'),
            frameWindow = $videoFrame[0].contentWindow
                ? $videoFrame[0].contentWindow
                : $videoFrame[0].contentDocument.defaultView;

        $videoContainer.removeClass('kartra-video-sticky-top');
        $button.remove();

        if (stopPlayback) {
            frameWindow.postMessage({
                'func': 'pause'
            }, '*');
        }
    }

    function uniqueString() {
        var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789',
            string = '';

        for (let i = 0; i < 10; i++) {
            string += chars.charAt(Math.floor(Math.random() * chars.length));
        }

        string = new Date().getTime() + '_' + string;

        return string;
    }
})(window);