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">' +
    // '<div class="covi_playback-bg"></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>' +
    // '<input type="range" class="covi_playback_seek">' +
    // '<span class="covi_playback_currenttime"></span><span class="covi_playback_durationtime"></span>' +
    // '</div>' +
    // '<button class="covi_playback_playpause">' +
    // '<img class="covi_playback_play-img">' +
    // '<img class="covi_playback_pause-img">' +
    // '</button>' +
    // '<div class="covi_adidentity-container">' +
    //     '<p class="covi_adidentity"></p>' +
    // '</div>' +
    '  <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>' +
    '<p class="covi_title"></p>' +
    '<p class="covi_landing"><a href="javascript:coviClickLandingButton();">더 알아보기 &gt;</a></p>' +
    '';
// '<p class="covi_bodycopy"></p>';

var CoviNativeItemsMapping = {
    title: 'covi_title',
    // "body_copy": "covi_bodycopy",
    // "sub_copy": "covi_subcopy",

    // "+ad_identity": {
    //     "native-element": "covi_adidentity",
    //     "value": "SPONSORED"
    // }
};

var CoviNativeElements = {
    covi_player: {
        className: 'covi_player',
    },
    covi_playback: {
        className: 'covi_playback',
    },
    // 'covi_playback-bg': {
    //     className: 'covi_playback-bg',
    // },
    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_seek: {
    //     className: 'covi_playback_seek',
    //     eventFunc: 'onSeek',
    // },
    // covi_playback_currenttime: {
    //     className: 'covi_playback_currenttime',
    // },
    // covi_playback_durationtime: {
    //     className: 'covi_playback_durationtime',
    // },
    // covi_playback_playpause: {
    //     className: 'covi_playback_playpause',
    //     eventFunc: 'onPlayPause',
    // },
    // 'covi_playback_play-img': {
    //     className: 'covi_playback_play-img',
    //     src: 'play_46x46.png',
    // },
    // 'covi_playback_pause-img': {
    //     className: 'covi_playback_pause-img',
    //     src: 'pause_46x46.png',
    // },
    covi_title: {
        type: 'p',
        className: 'covi_title',
    },
    // "covi_bodycopy": {
    //     "type": "p",
    //     "className": "covi_bodycopy"
    // },
    // "covi_subcopy": {
    // "type": "p",
    // "className": "covi_subcopy"
    // }

    // "covi_adidentity-container": {
    //     "className": "covi_adidentity-container"
    // },
    // "covi_adidentity": {
    //     "type": "p",
    //     "className": "covi_adidentity"
    // }

    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',
    },
};

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: 'theneighbor_pc',
        type: 'prod',
        pcode: 'theneighbor_pc',
        category: 'beauty_theneighbor',
        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;
        }
    };

    var coviplayer = new CoviPlayer(coviOpts, coviEventHandler); //, coviOutputHandler);
    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 createCoviElement() {
    var creditContentE = document.getElementsByClassName('credit_content')[CoviIndex];
    var parentE = creditContentE.parentNode;

    var elem = document.createElement('div');
    elem.classList.add('covi');

    parentE.insertBefore(elem, creditContentE.nextSibling);
}

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

    window.setTimeout(function () {
        createCoviMain();
    }, 700);
}

window.addEventListener('DOMContentLoaded', function () {
    createCovi();
});