ORIENT/themes/modern2/template/js/main.js

function SetSlideNavigation(e) {
    var anchors = e.parentNode.childNodes;
    if (e.tagName == "SPAN") {
        anchors = e.parentNode.parentNode.childNodes;
    }
    anchors.forEach((t) => {
        if (t.tagName == "A") {
            t.classList.remove("active");
        }
    });
    if (e.tagName == "SPAN") {
        e.parentNode.classList.add("active");
    } else {
        e.classList.add("active");
    }
}
$(".swiper-wrapper").slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: true,
    infinite: true,
    autoplay: true,
    speed: 500,
    prevArrow: $(".p3"),
    nextArrow: $(".n3"),
});
$(".newsSlider").slick({
    dots: false,
    infinite: true,
    autoplay: true,
    speed: 300,
    slidesToShow: 3,
    arrows: true,
    prevArrow: $(".p2"),
    nextArrow: $(".n2"),
    slidesToScroll: 1,
    responsive: [
        {
            breakpoint: 1024,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 1,
            },
        },
    ],
});
// popUp start
var popUp = document.getElementById("popUp");
var popUpClose1 = document.getElementById("popUpClose1");
var popUpClose2 = document.getElementById("popUpClose2");
popUpClose1.onclick = function () {
    popUp.classList.remove("active");
};
popUpClose2.onclick = function () {
    popUp.classList.remove("active");
};
// popUp end
$(".marquee").slick({
    speed: 8000,
    autoplay: true,
    autoplaySpeed: 0,
    centerMode: true,
    cssEase: "linear",
    slidesToShow: 1,
    slidesToScroll: 1,
    variableWidth: true,
    infinite: true,
    initialSlide: 1,
    arrows: false,
    buttons: false,
});
// lazyload start
// =============================================
if (
    window.addEventListener &&
    window.requestAnimationFrame &&
    document.getElementsByClassName
)
    window.addEventListener(
        "load",
        function () {
            let pItem = document.getElementsByClassName("progressive replace"),
                timer;
            window.addEventListener("scroll", scroller, false);
            window.addEventListener("resize", scroller, false);
            inView();
            function scroller(e) {
                timer =
                    timer ||
                    setTimeout(function () {
                        timer = null;
                        requestAnimationFrame(inView);
                    }, 300);
            }
            function inView() {
                let wT = window.pageYOffset,
                    wB = wT + window.innerHeight,
                    cRect,
                    pT,
                    pB,
                    p = 0;
                while (p < pItem.length) {
                    cRect = pItem[p].getBoundingClientRect();
                    pT = wT + cRect.top;
                    pB = pT + cRect.height;

                    if (wT < pB && wB > pT) {
                        loadFullImage(pItem[p]);
                        pItem[p].classList.remove("replace");
                    } else p++;
                }
            }
            function loadFullImage(item) {
                if (!item || !item.href) return;
                let img = new Image();
                if (item.dataset) {
                    img.srcset = item.dataset.srcset || "";
                    img.sizes = item.dataset.sizes || "";
                }
                img.src = item.href;
                img.className = "reveal";
                if (img.complete) addImg();
                else img.onload = addImg;
                function addImg() {
                    item.addEventListener(
                        "click",
                        function (e) {
                            e.preventDefault();
                        },
                        false
                    );
                    item.appendChild(img).addEventListener(
                        "animationend",
                        function (e) {
                            var pImg =
                                item.querySelector &&
                                item.querySelector("img.preview");
                            if (pImg) {
                                e.target.alt = pImg.alt || "";
                                item.removeChild(pImg);
                                e.target.classList.remove("reveal");
                            }
                        }
                    );
                }
            }
        },
        false
    );
// lazyload end