'use strict';

(function () {
    var PLACEHOLDER_SELECTOR = 'img.hero-carousel-lazy';

    function hydrateImage(img) {
        if (!img || img.dataset.empireHydrated === '1') {
            return;
        }

        if (img.dataset.empireSrc) {
            img.src = img.dataset.empireSrc;
            delete img.dataset.empireSrc;
        }

        if (img.dataset.empireSrcset) {
            img.srcset = img.dataset.empireSrcset;
            delete img.dataset.empireSrcset;
        }

        if (img.dataset.empireSizes) {
            img.sizes = img.dataset.empireSizes;
            delete img.dataset.empireSizes;
        }

        img.dataset.empireHydrated = '1';
    }

    function hydrateVisibleSlides() {
        var activeSlides = document.querySelectorAll('.jet-carousel .slick-active ' + PLACEHOLDER_SELECTOR);
        if (!activeSlides.length) {
            return;
        }

        activeSlides.forEach(hydrateImage);
    }

    function hydrateAllDeferred() {
        document.querySelectorAll(PLACEHOLDER_SELECTOR).forEach(hydrateImage);
    }

    function init() {
        hydrateVisibleSlides();

        var observer = setInterval(function () {
            hydrateVisibleSlides();
            if (!document.querySelector(PLACEHOLDER_SELECTOR + '[data-empire-src]')) {
                clearInterval(observer);
            }
        }, 800);

        setTimeout(hydrateAllDeferred, 6000);
    }

    function startWhenReady() {
        if (document.readyState === 'complete') {
            setTimeout(init, 400);
            return;
        }

        window.addEventListener('load', function () {
            setTimeout(init, 400);
        });
    }

    startWhenReady();
})();