var CoviEmbedHtml =
  "" +
  '<div class="covi_player-container">' +
  '<video class="covi_player" playsinline webkit-playsinline autoplay="autoplay"></video>' +
  '<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>" +
  '<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_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",
    type: "prod",
    pcode: "koreaherald_article_m",
    category: "news_koreaherald",
    videoPlayType: "autoplay",
    gender: "",
    age: "",
    idx: CoviIndex,
    rootElem: coviElem,
  };

  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();