// Initial Call
document.addEventListener('DOMContentLoaded', function() {
    // 文章图片灯箱
    if (window.ViewImage) {
        ViewImage.init('.post-content img');
    }

    // 文章图片懒加载 (优先初始化，防止其他模块调用时出错)
    if (typeof lazyLoadInit === 'function') {
        lazyLoadInit({
            offsetBottom: 50,
            offsetTopm: 50,
            showTime: 1100,
            queueInterval: 100
        });
    } else {
        console.warn('lazyLoadInit is not defined');
    }

    // 初始化各个模块
    if (window.initLoader) window.initLoader();
    if (window.initFloatingTools) window.initFloatingTools();
    if (window.initSearch) window.initSearch();
    if (window.initArtalk) window.initArtalk();
    
    // New Utils Init
    if (window.initThemeToggle) window.initThemeToggle();
    if (window.initCodeFold) window.initCodeFold();
    if (window.initCodeCopy) window.initCodeCopy();
    if (window.initParagraphComments) window.initParagraphComments();
    if (window.initInfiniteScroll && window.enableInfiniteScroll) window.initInfiniteScroll();

    // Initialize Typewriter Effect for Mobile Header
    initTypewriter();

    // Image frame scroll reveal
    initImageFrameReveal();
});

/**
 * Typewriter Effect for Mobile Header Bio
 */
function initTypewriter() {
    // Only run on mobile or if the element is visible
    const bioElement = document.querySelector('.header-bio');
    if (!bioElement) return;

    // Check if we are on mobile (matching CSS media query)
    const isMobile = window.matchMedia('(max-width: 768px)').matches;
    if (!isMobile) return;

    const originalText = bioElement.innerText.trim();
    if (!originalText) return;

    // Clear text initially
    bioElement.innerText = '';
    bioElement.classList.add('typing');

    let i = 0;
    const speed = 100; // Typing speed in ms

    function typeWriter() {
        if (i < originalText.length) {
            bioElement.innerText += originalText.charAt(i);
            i++;
            setTimeout(typeWriter, speed);
        } else {
            // Typing finished, remove cursor after a delay?
            // bioElement.classList.remove('typing'); 
            // Keep blinking cursor for effect
        }
    }

    // Start typing with a small delay
    setTimeout(typeWriter, 500);
}

/**
 * Scroll-triggered reveal for sen-image-frame
 */
var senFrameObserver = null;

function initImageFrameReveal() {
    var frames = document.querySelectorAll('.sen-image-frame');
    if (!frames.length) return;

    if (!window.IntersectionObserver) {
        frames.forEach(function(frame) {
            frame.classList.add('is-visible');
        });
        return;
    }

    frames.forEach(function(frame) {
        frame.classList.add('reveal-pending');
    });

    if (senFrameObserver) {
        senFrameObserver.disconnect();
    }

    senFrameObserver = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-visible');
                senFrameObserver.unobserve(entry.target);
            }
        });
    }, {
        rootMargin: "0px 0px 50px 0px",
        threshold: 0.08
    });

    frames.forEach(function(frame) {
        senFrameObserver.observe(frame);
    });
}

window.initImageFrameReveal = initImageFrameReveal;