var CoviEmbedHtml =
    '<div class="covi_player-container">' +
    '  <div class="covi_player-cover">' +
    '    <video class="covi_player" playsinline webkit-playsinline autoplay="autoplay"></video>' +
    '  </div>' +
    // '<div class="covi_playback">' +
    // '<input type="range" class="covi_playback_seek">' +
    // '<span class="covi_playback_currenttime"></span><span class="covi_playback_durationtime"></span>' +
    // '</div>' +
    '  <a href="javascript:coviClickLandingButton();">' +
    '    <div class="covi_playback2"></div>' +
    '  </a>' +
    '  <button class="covi_playback_muteunmute">' +
    '    <img class="covi_playback_mute-img"><img class="covi_playback_unmute-img">' +
    '  </button>' +
    '  <div class="covi_player_endscreen-container">' +
    // '    <a href="javascript:coviClickLandingButton();">' +
    '      <img class="covi_player_endscreen-img">' +
    // '    </a>' +
    '    <button class="covi_playback_replay"><img class="covi_playback_replay-img"></button>' +
    '    <button class="covi_landing_in_player" onclick="coviClickLandingButton();">더알아보기</button>' +
    '  </div>' +
    '  <button class="covi_playback_bi">' +
    '    <img class="covi_playback_bi-img">' +
    '  </button>' +
    '</div>' +
    // '<div class="covi_adidentity-container">' +
    // '<button class="covi_playback_adclose" onclick="coviAdClose()">' +
    // '<span>X</span>' +
    // '</button>' +
    // '<p class="covi_adidentity"></p>' +
    // '</div>' +
    '';

var CoviNativeItemsMapping = {
    // '+ad_identity': {
    //     'native-element': 'covi_adidentity',
    //     value: 'AD',
    // },
};

var CoviNativeElements = {
    covi_player: {
        className: 'covi_player',
    },
    covi_playback: {
        className: 'covi_playback',
    },
    covi_playback_muteunmute: {
        className: 'covi_playback_muteunmute',
        eventFunc: 'onMuteUnmute',
    },
    'covi_playback_mute-img': {
        className: 'covi_playback_mute-img',
        src: 'mute_30x29.png',
    },
    'covi_playback_unmute-img': {
        className: 'covi_playback_unmute-img',
        src: 'unmute_28x28.png',
    },

    covi_playback_bi: {
        className: 'covi_playback_bi',
        eventFunc: 'onCoviBi',
    },
    'covi_playback_bi-img': {
        className: 'covi_playback_bi-img',
        src: 'covi_bi.svg',
    },
    covi_playback_replay: {
        className: 'covi_playback_replay',
        eventFunc: 'onReplay',
    },
    'covi_playback_replay-img': {
        className: 'covi_playback_replay-img',
        src: 'replay_72x72.png',
    },
    // covi_playback_seek: {
    //     className: 'covi_playback_seek',
    //     eventFunc: 'onSeek',
    // },
    // covi_playback_currenttime: {
    //     className: 'covi_playback_currenttime',
    // },
    // covi_playback_durationtime: {
    //     className: 'covi_playback_durationtime',
    // },
    // covi_playback_adclose: {
    //     className: 'covi_playback_adclose',
    //     eventFunc: 'coviAdClose',
    // },
    // 'covi_adidentity-container': {
    //     className: 'covi_adidentity-container',
    // },
    // covi_adidentity: {
    //     type: 'p',
    //     className: 'covi_adidentity',
    // },
};

var CoviIndex = 0;
var CoviPlayers = new Array();

function createCoviMain() {
    var coviElem = document.getElementsByClassName('covi')[CoviIndex];

    if (!coviElem) {
        return;
    }

    coviElem.setAttribute('covi-index', CoviIndex);

    var coviOpts = {
        containerClassName: 'covi,' + CoviIndex,
        style: 'koreaherald_article_m',
        type: 'prod',
        pcode: 'koreaherald_article_m',
        category: 'news_koreaherald',
        videoPlayType: 'autoplay',
        gender: '',
        age: '',
        idx: CoviIndex,
        rootElem: coviElem,
        // certVendor: 'ias',
    };

    var coviEventHandler = function (event) {
        switch (event) {
            case 'PLAYER_VIDEO_PLAY':
                break;

            case 'PLAYER_VIDEO_PAUSE':
                break;

            case 'PLAYER_VIDEO_ENDED':
                break;

            case 'PLAYER_NO_ADS':
                console.log('[covi] no ads');
                coviElem.style.display = 'block';
                coviElem.style.textAlign = 'center';
                coviElem.style.width = '100%';
                // coviElem.style.height = '100%';
                coviElem.style.backgroundColor = '#fff';
                break;
        }
    };

    var coviplayer = new CoviPlayer(coviOpts, coviEventHandler);
    coviplayer.run();

    CoviPlayers[CoviIndex] = coviplayer;

    ++CoviIndex;
}

function coviClickLandingButton(coviIndex) {
    var coviplayer = CoviPlayers[coviIndex];
    if (coviplayer) {
        var landingUrl;
        coviplayer.onClickLandingButton(function (url) {
            landingUrl = url;
        }, true);

        var timer = window.setInterval(function () {
            if (landingUrl !== 'undefined') {
                window.clearInterval(timer);

                var coviPopup = window.open(landingUrl, '_blank');
            }
        }, 200);
    }
}

function createCovi() {
    window.setTimeout(function () {
        createCoviMain();
    }, 500);
}

function checkCoviTag() {
    var elem = document.querySelector('.covi');

    if (elem) {
        createCovi();
    }
}

function coviAdClose() {
    var coviElem = document.getElementsByClassName('covi')[0];

    if (!coviElem) {
        return;
    }

    var parent = coviElem.parentElement;
    parent.removeChild(coviElem);
}

checkCoviTag();