jQuery(document).ready(function ($) {

    if ($('body').hasClass('elementor-editor-active')) {
        return;
    }

    $('#loadingDiv').append(`
                <div class="preloadPage" data-lenis-prevent="">
                    ${'<span></span>'.repeat(80)}
                </div>
            `);

    $(window).on('load', function () {
        let spans = $('.preloadPage span');
        let totalSpans = spans.length;
        let hiddenCount = 0;

        function hideRandomSpans() {
            let batchSize = Math.floor(Math.random() * 10) + 5;
            let indexes = [];

            while (indexes.length < batchSize) {
                let randomIndex = Math.floor(Math.random() * totalSpans);
                if (!indexes.includes(randomIndex)) {
                    indexes.push(randomIndex);
                }
            }

            indexes.forEach(index => {
                let span = $(spans[index]);
                if (span.css('opacity') !== '0') {
                    span.css({
                        opacity: 0,
                        visibility: 'hidden'
                    });
                    hiddenCount++;
                }
            });

            if (hiddenCount >= totalSpans) {
                spans.css({
                    opacity: 0,
                    visibility: 'hidden'
                });
                $('#loadingDiv').css({
                    zIndex: -1,
                });
            } else {
                setTimeout(hideRandomSpans, 100);
            }
        }

        hideRandomSpans();
    });

});