var CoviEmbedHtml =
    '' +
    '<p class="covi_head">VIDEO</p>' +
    '<p class="covi_title"></p>' +
    '<div class="covi_player-container">' +
    '  <div class="covi_player-cover">' +
    '    <video class="covi_player" playsinline webkit-playsinline autoplay="autoplay"></video>' +
    '  </div>' +
    '  <a href="javascript:coviClickLandingButton();">' +
    '    <div class="covi_playback2"></div>' +
    '  </a>' +
    '  <button class="covi_playback_playpause">' +
    '    <img class="covi_playback_play-img">' +
    '    <img class="covi_playback_pause-img">' +
    '  </button>' +
    '  <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>' +
    '<div class="covi_landing_container">' +
    '  <span class="covi_landing">' +
    '    <a class="covi_landing" href="javascript:coviClickLandingButton();">더 알아보기 &gt;</a>' +
    '  </span>' +
    '</div>' +
    '<p class="covi_bodycopy"></p>' +
    '<p class="covi_subcopy"></p>';

var CoviNativeItemsMapping = {
    title: 'covi_title',
    body_copy: 'covi_bodycopy',
    sub_copy: 'covi_subcopy',
};

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_title: {
        type: 'p',
        className: 'covi_title',
    },
    covi_bodycopy: {
        type: 'p',
        className: 'covi_bodycopy',
    },
    covi_subcopy: {
        type: 'p',
        className: 'covi_subcopy',
    },
    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_playpause: {
        className: 'covi_playback_playpause',
        eventFunc: 'onPlayPause',
    },
    'covi_playback_play-img': {
        className: 'covi_playback_play-img',
        src: 'play_72x72.png',
    },
    'covi_playback_pause-img': {
        className: 'covi_playback_pause-img',
        src: 'pause_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_m',
        type: 'prod',
        pcode: 'theneighbor',
        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);
    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);
}

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