function initHoverbox() {
    // Select all elements with the class 'hoverbox'
    const hoverboxes = document.querySelectorAll('.hoverbox');
    
    // Loop through each hoverbox
    hoverboxes.forEach(function (hoverbox) {
        const hovercontent = hoverbox.querySelector('.hovercontent'); // Find hovercontent within the hoverbox
        let timeout;

        if (hovercontent) {
            hoverbox.addEventListener('mouseenter', function () {
                timeout = setTimeout(function () {
                    hovercontent.style.display = 'block';
                }, 100); // 100ms delay
            });

            hoverbox.addEventListener('mouseleave', function () {
                clearTimeout(timeout);
                hovercontent.style.display = 'none';
            });
        }
    });
}

function initMobileMenu() {
    const menuToggle = document.getElementById('menu-toggle');
    const mobileNav = document.getElementById('mobile-nav');
    if (menuToggle) {
        menuToggle.addEventListener('click', function () {
            this.classList.toggle('active');
            mobileNav.classList.toggle('show');
        });
    }
}

document.addEventListener("DOMContentLoaded", initMobileMenu);


function showCarFilter() {
    document.querySelector('.show-filter').style.display = 'none';
    document.querySelector('.car-filter').style.display = 'block';
}