(function () {
  window.googletag = window.googletag || { cmd: [] };

  var wave_gpt = document.createElement("script");
  wave_gpt.src = "https://securepubads.g.doubleclick.net/tag/js/gpt.js";
  wave_gpt.async = true;
  document.head.appendChild(wave_gpt);

  var wave_gpt2 = document.createElement("script");
  wave_gpt2.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6327508837875273";
  wave_gpt2.async = true;
  wave_gpt2.crossOrigin = "anonymous";
  document.head.appendChild(wave_gpt2);

  googletag.cmd.push(function () {
    googletag.setConfig({
      lazyLoad: {
        fetchMarginPercent: 100,
        renderMarginPercent: 50,
        mobileScaling: 2.0
      }
    });

    googletag.enableServices();
  });
})();


function waitForElement(className, callback, timeout = 10000) {
  const interval = 100;
  let elapsed = 0;

  const checkExist = setInterval(function () {
    const el = document.getElementsByClassName(className)[0];

    if (el) {
      clearInterval(checkExist);
      callback(el);
    } else if (elapsed >= timeout) {
      clearInterval(checkExist);
    }

    elapsed += interval;
  }, interval);
}



function waitForDivAndDisplay(divId, callback) {
  if (document.getElementById(divId)) {
    callback();
    return;
  }

  const observer = new MutationObserver(function () {
    if (document.getElementById(divId)) {
      observer.disconnect();
      callback();
    }
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true
  });
}



function prepareAd(adunit, adcode, slotID, defineSlotFn) {
  waitForElement(adunit, function (el) {

    if (adcode) {
      el.insertAdjacentHTML("afterend", adcode);
    }

    waitForDivAndDisplay(slotID, function () {
      defineSlotFn(slotID);
    });

  });
}


function defineSlotAndDisplay(slotID, slotPath, sizes) {
  window.googletag = window.googletag || { cmd: [] };

  googletag.cmd.push(function () {

    const slot = googletag.defineSlot(
      slotPath,
      sizes,
      slotID
    );

    if (!slot) {
      console.warn("GPT defineSlot failed:", slotID);
      return;
    }

    slot
      .setTargeting("website", location.hostname)
      .setTargeting("url", location.pathname)
      .addService(googletag.pubads());

    googletag.display(slotID);
  });
}


function defineMobileBottomSlot(slotID) {
  window.googletag = window.googletag || { cmd: [] };

  googletag.cmd.push(function () {

    const slot = googletag.defineSlot(
      "/22675675822/ddroom_mobile_bottom",
      [
        [320, 100],
        [1, 1]
      ],
      slotID
    );

    if (!slot) {
      console.warn("GPT defineSlot failed:", slotID);
      return;
    }

    slot
      .setTargeting("website", location.hostname)
      .setTargeting("url", location.pathname)
      .addService(googletag.pubads());



    const renderListener = function (event) {

      if (event.slot !== slot) {
        return;
      }

      if (event.isEmpty) {
        return;
      }

      const adContainer = document.querySelector(".ad");

      if (!adContainer) {
        return;
      }

      if (adContainer.querySelector(".wave-ad-close")) {
        return;
      }

      const closeButton = document.createElement("button");

      closeButton.className = "wave-ad-close";

      closeButton.innerHTML =
        '<img ' +
        'src="https://server.punwave.com/a/imgs/2023/08/closebutton.png" ' +
        'style="width:30px;height:30px;" ' +
        'alt="close" />';

      closeButton.setAttribute(
        "style",
        [
          "position:absolute",
          "top:0px",
          "left:5px",
          "background-color:rgba(0,0,0,0)",
          "border:none",
          "padding:0",
          "height:30px",
          "width:30px",
          "z-index:10000",
          "cursor:pointer"
        ].join(";")
      );

      closeButton.addEventListener("click", function () {
        adContainer.remove();
      });

      adContainer.appendChild(closeButton);
    };

    googletag.pubads().addEventListener(
      "slotRenderEnded",
      renderListener
    );

    googletag.display(slotID);
  });
}


function runAds() {

  const isMobile =
    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i
      .test(navigator.userAgent);


  if (
    !isMobile &&
    /search|object/.test(location.href)
  ) {

    prepareAd(
      "ddroom_sb_1",
      '<div id="div-gpt-ad-1746785387718-0" style="width:300px;height:250px;margin: 1.5rem auto;text-align:center;"></div>',
      "div-gpt-ad-1746785387718-0",
      function (slotID) {
        defineSlotAndDisplay(
          slotID,
          "/22675675822/ddroom_sb_1",
          [
            [300, 250]
          ]
        );
      }
    );

  }


  if (/article/.test(location.href)) {

    const sizes = isMobile
      ? [
          [1, 1],
          [320, 480],
          [336, 280],
          [300, 250]
        ]
      : [
          [1, 1],
          [336, 280],
          [300, 250],
          [728, 90]
        ];

    prepareAd(
      "ddroom_ir_1",
      '<div id="div-gpt-ad-1746785368708-0" style="width:300px;height:250px;"></div>',
      "div-gpt-ad-1746785368708-0",
      function (slotID) {
        defineSlotAndDisplay(
          slotID,
          "/22675675822/ddroom_ir_1",
          sizes
        );
      }
    );

  }


  if (isMobile) {

    const mobileBottomCode = `
      <style>
        .ad {
          overflow: auto;
          margin: 0 auto;
          position: fixed;
          z-index: 9;
          left: 0;
          bottom: 5px;
          width: 100%;
          text-align: center;
        }

        .ad > div {
          display: inline-block;
        }

        @media (min-width: 768px) {
          .ad {
            display: none;
          }
        }
      </style>

      <div class="ad">
        <div id="div-gpt-ad-1746785304015-0"></div>
      </div>
    `;

    prepareAd(
      "ddroom_mobile_bottom",
      mobileBottomCode,
      "div-gpt-ad-1746785304015-0",
      function (slotID) {
        defineMobileBottomSlot(slotID);
      }
    );

  }


  if (/object/.test(location.href)) {

    const style = document.createElement("style");

    style.innerHTML = `
      .ad {
        bottom: 60px !important;
      }
    `;

    document.head.appendChild(style);

  }
}


setTimeout(runAds, 500);