$(document).ready(function () {
    //---------------------------------------------
    //  外部リンクを別ウィンドウで開く
    //---------------------------------------------
    $('a[href^=https]').not('[href*="' + location.hostname + '"]').attr('target', '_blank');
    $('a[href^=http]').not('[href*="' + location.hostname + '"]').attr('target', '_blank');
    $('a.event_link').attr('target', '_blank');
});

$(function () {

    //---------------------------------------------
    //  スムーズスクロール
    //---------------------------------------------
    //#を含むリンクが対象
    $('a[href^="#"]').click(function () {
        var speed = 600,
            href = $(this).attr("href"),

            //href="#"ならページトップ(html)へ href="#"以外ならhrefの指定先へ
            target = $(href == "#" || href == "" ? 'html' : href),
            position = target.offset().top;

        $('body,html').animate({ scrollTop: position }, speed, 'swing');
        return false;
    });

    //---------------------------------------------
    //  pagetopボタン スクロールでフェードイン
    //---------------------------------------------

    // 300pxスクロールしたらpagetopボタンを表示する
    var topBtn = $('#PageTop');
    topBtn.hide();

    $(window).scroll(function () {
        if ($(this).scrollTop() > 300) {
            topBtn.fadeIn();
        } else {
            topBtn.fadeOut();
        }
    }); $(document).ready(function () {
        const logoImg = $("#logoImg");
        const navLinks = $(".header_inner nav ul.header_nav li a");
        const header = $("header");
        let lastIsInHero = null; // 前回の状態を保存

        function updateLogoSrc() {
            let isInHero = isInHeroSection();

            // 画像を変更
            logoImg.attr("src", isInHero ? "images/logo_open_w.svg" : "images/logo_open.svg");

            // ナビゲーションクラスの更新
            updateNavClass(isInHero);
        }

        function updateNavClass(isInHero) {
            if (lastIsInHero !== isInHero) {
                if (isInHero) {
                    header.addClass("hero-active"); // ヒーローセクション内の場合クラスを付加
                } else {
                    header.removeClass("hero-active"); // ヒーローセクション外ならクラスを削除
                }
                lastIsInHero = isInHero; // 状態を更新
            }
        }

        function blinkAnimation() {
            let isInHero = isInHeroSection();

            setTimeout(function () {
                logoImg.attr("src", isInHero ? "images/logo_close_w.svg" : "images/logo_close.svg");
            }, 2000);

            setTimeout(function () {
                logoImg.attr("src", isInHero ? "images/logo_open_w.svg" : "images/logo_open.svg");
            }, 2150);

            setTimeout(function () {
                logoImg.attr("src", isInHero ? "images/logo_close_w.svg" : "images/logo_close.svg");
            }, 2300);

            setTimeout(function () {
                logoImg.attr("src", isInHero ? "images/logo_open_w.svg" : "images/logo_open.svg");
            }, 2450);

            setTimeout(blinkAnimation, 4000);
        }

        function isInHeroSection() {
            const hero = $("#Message");
            if (hero.length === 0) return false;

            const scrollTop = $(window).scrollTop();
            const heroTop = hero.offset().top;
            const heroBottom = heroTop + hero.outerHeight();
            const windowHeight = $(window).height();
            const windowBottom = scrollTop + windowHeight;

            return scrollTop < heroBottom && windowBottom > heroTop;
        }

        $(window).on("scroll resize", function () {
            updateLogoSrc();
        });

        // 初回実行
        updateLogoSrc();
        blinkAnimation();
    });



    //---------------------------------------------
    //  メッセージパララックス背景
    //---------------------------------------------
    $(document).ready(function () {
        $(window).on("scroll", function () {
            let scrollY = $(window).scrollTop();
            let fadeThreshold = window.innerHeight * 0.75;

            // 100vhを超えたらフェードイン用のクラスを追加
            if (scrollY >= fadeThreshold) {
                $(".lt, .rt, .lb, .rb").addClass("fade-in");
            }

            // #Message が完全に見えなくなったらフェードアウト
            let messageBottom = $("#Message").offset().top + $("#Message").outerHeight();
            if (scrollY >= messageBottom) {
                $(".lt, .rt, .lb, .rb").addClass("fade-out");
            } else {
                $(".lt, .rt, .lb, .rb").removeClass("fade-out");
            }
        });
    });

    //---------------------------------------------
    //  タイムライン
    //---------------------------------------------
    //線が伸びるための設定を関数でまとめる
    function ScrollTimelineAnime() {
        $('.timeline_content').each(function () {// それぞれのli要素の
            var elemPos = $(this).offset().top;// 上からの高さ取得
            var scroll = $(window).scrollTop();// スクロール値取得
            var windowHeight = $(window).height();// windowの高さ取得
            var startPoint = 800; //線をスタートさせる位置を指定※レイアウトによって調整してください
            if (scroll >= elemPos - windowHeight - startPoint) {
                var H = $(this).outerHeight(true)//liの余白と高さを含めた数値を取得
                //スクロール値から要素までの高さを引いた値を、liの高さの半分のパーセントで出す
                var percent = (scroll + startPoint - elemPos) / (H / 1) * 100;//liの余白と高さの半分で線を100％に伸ばす

                // 100% を超えたらずっと100%を入れ続ける
                if (percent > 100) {
                    percent = 100;
                }
                // ボーダーの長さをセット
                $(this).children('.border-line').css({
                    height: percent + "%", //CSSでパーセント指定
                });
            }
        });
    }
    // 画面をスクロールをしたら動かしたい場合の記述
    $(window).on('scroll', function () {
        ScrollTimelineAnime();// 線が伸びる関数を呼ぶ
    });

    //---------------------------------------------
    // スクロールで要素を表示
    //---------------------------------------------
    $(document).ready(function () {
        var $elements = $(".js-animation");
        if ($elements.length === 0) return; // 要素がなかったら処理をスキップ

        var showTiming = $(window).height() > 768 ? 200 : 40; // 表示タイミング

        function showElementAnimation() {
            var scrollY = $(window).scrollTop();
            var windowH = $(window).height();

            $elements.each(function () {
                var $el = $(this);
                var elemY = $el.offset().top;

                if (scrollY + windowH - showTiming > elemY) {
                    $el.addClass("is-show");
                } else if (scrollY + windowH < elemY) {
                    // 上にスクロールして再度非表示
                    $el.removeClass("is-show");
                }
            });
        }

        // 初回実行（リロード時のスクロール位置対応）
        showElementAnimation();

        // スクロール時に実行
        $(window).on("scroll", showElementAnimation);
    });


    //---------------------------------------------
    // モーダルウィンドウが開いている時はスクロールしない
    //---------------------------------------------
    var $body = $('body');
    $(document).on('lity:open', function (event, instance) {
        currentScroll = $(window).scrollTop();
        $body.css({
            position: 'fixed',
            width: '100%',
            top: -1 * currentScroll
        });
    });
    $(document).on('lity:close', function (event, instance) {
        $body.attr('style', '');
        $('html, body').prop({ scrollTop: currentScroll });
    });

});
$(document).ready(function () {
    $(window).on("scroll", function () {
        let lastMatchedBgClass = ""; // 現在適用すべき背景クラス

        $(".history_year_box").each(function () {
            var elementTop = $(this).offset().top; // 各要素のページ上の位置
            var scrollTop = $(window).scrollTop(); // スクロール位置

            // 一番上に到達した要素を特定（+50px のマージンを持たせる）
            if (elementTop - scrollTop <= 50) {
                var year = parseInt($(this).attr("id").replace("y_", ""), 10);

                if (year >= 1975 && year <= 1990) {
                    lastMatchedBgClass = "bg_01";
                } else if (year >= 1991 && year <= 2020) {
                    lastMatchedBgClass = "bg_02";
                } else if (year >= 2021 && year <= 2025) {
                    lastMatchedBgClass = "bg_03";
                }
            }
        });

        // もしクラスが変更される場合のみ処理する
        if (lastMatchedBgClass) {
            $(".history_bg").removeClass("bg_01 bg_02 bg_03").addClass(lastMatchedBgClass);
        }
    });
});

$(document).ready(function () {
    let ticking = false;

    function updateParallax() {
        let scrollTop = $(window).scrollTop();
        let windowHeight = $(window).height();

        $(".section_bg").each(function () {
            let section = $(this).parent(); // 親要素（#Movie, #TVProgram など）
            let sectionTop = section.offset().top;
            let sectionHeight = section.outerHeight();

            if (scrollTop + windowHeight > sectionTop && scrollTop < sectionTop + sectionHeight) {
                let speed = 0.5; // パララックスの強さを調整（0.1～0.5くらいが良い）
                let offset = (scrollTop - sectionTop) * speed;
                $(this).css("transform", `translateY(${offset}px)`);
            }
        });

        ticking = false;
    }

    $(window).on("scroll", function () {
        if (!ticking) {
            ticking = true;
            requestAnimationFrame(updateParallax);
        }
    });
});