$(document).ready(function() { 
    const loadingScreen = $(".loading-screen"); // 初回トップページ用
    const loadingScreenSub = $(".loading-screen_sub"); // 2回目以降のトップページ・サブページ用
    const loadingCharacter = $("#loadingCharacter"); // まばたきアニメーション対象
    const wrap = $(".wrap");
    const gifImage = $(".loading-video img");
    const gifDuration = 3000; // GIFの再生時間（ミリ秒）

    // **ローディング開始時にスクロール禁止**
    function disableScroll() {
        $("body").css("overflow", "hidden");
    }

    // **ローディング終了時にスクロール許可**
    function enableScroll() {
        $("body").css("overflow", "auto");
    }

    // **サブページ用ローディングの背景色ランダム適用**
    function setRandomBgColor() {
        const colors = ["#fa1eaa", "#00cdff", "#a52dff"];
        const randomColor = colors[Math.floor(Math.random() * colors.length)];
        loadingScreenSub.css("background-color", randomColor);
    }

    // **まばたきアニメーション**
    function blinkAnimation() {
        setTimeout(() => { loadingCharacter.attr("src", "images/logo_close_w.svg"); }, 200);
        setTimeout(() => { loadingCharacter.attr("src", "images/logo_open_w.svg"); }, 350);
        setTimeout(() => { loadingCharacter.attr("src", "images/logo_close_w.svg"); }, 500);
        setTimeout(() => { loadingCharacter.attr("src", "images/logo_open_w.svg"); }, 650);
        setTimeout(blinkAnimation, 2000);
    }

    disableScroll(); // **ローディング開始時にスクロール禁止**

    if (sessionStorage.getItem("loadingPlayed") === null) {
        // **初回訪問 → GIF ローディング**
        loadingScreen.show();
        loadingScreenSub.hide(); // サブページ用ローディングを隠す

        setTimeout(() => {
            // **GIFのラストフレームで静止させる**
            gifImage.attr("src", "images/moving_logo_last_frame.png");

            // **ローディング画面をフェードアウト**
            loadingScreen.fadeOut(1000, function() {
                wrap.fadeIn(500);
                enableScroll(); // **スクロール許可**
            });

            // **初回訪問の記録**
            sessionStorage.setItem("loadingPlayed", "true");
        }, gifDuration);

    } else {
        // **2回目以降の訪問 → サブページ用ローディング**
        loadingScreen.hide(); // 初回ローディングを隠す
        loadingScreenSub.show(); // サブページ用ローディングを表示
        setRandomBgColor();
        blinkAnimation();

        setTimeout(() => {
            loadingScreenSub.fadeOut(500, function() {
                enableScroll(); // **スクロール許可**
            });
        }, 1000);
    }

    // **万が一、ローディングが正常に機能しなくてもスクロール許可**
    setTimeout(enableScroll, 5000);
});