document.addEventListener("DOMContentLoaded", function () { const page = document.querySelector(".pregnancy-advertisers-page"); if (!page) { return; } const animatedElements = page.querySelectorAll( ".animate-on-scroll, .animate-slide-right, .animate-slide-left, .animate-slide-rights" ); if ("IntersectionObserver" in window) { const animationObserver = new IntersectionObserver( function (entries, observer) { entries.forEach(function (entry) { if (!entry.isIntersecting) { return; } entry.target.classList.add("is-visible"); observer.unobserve(entry.target); }); }, { threshold: 0.14, rootMargin: "0px 0px -40px 0px" } ); animatedElements.forEach(function (element, index) { element.style.transitionDelay = Math.min(index % 4, 3) * 80 + "ms"; animationObserver.observe(element); }); } else { animatedElements.forEach(function (element) { element.classList.add("is-visible"); }); } const counters = page.querySelectorAll( ".about-stat-number[data-count]" ); let countersStarted = false; function formatNumber(value) { return new Intl.NumberFormat("he-IL").format(value); } function animateCounter(counter) { const target = Number(counter.dataset.count || 0); const suffix = counter.dataset.suffix || ""; const duration = 1400; const startTime = performance.now(); function updateCounter(currentTime) { const elapsed = currentTime - startTime; const progress = Math.min(elapsed / duration, 1); const easedProgress = 1 - Math.pow(1 - progress, 3); const currentValue = Math.round(target * easedProgress); counter.textContent = formatNumber(currentValue) + suffix; if (progress < 1) { requestAnimationFrame(updateCounter); } } requestAnimationFrame(updateCounter); } const statsSection = page.querySelector(".about-stats"); if (statsSection && "IntersectionObserver" in window) { const statsObserver = new IntersectionObserver( function (entries, observer) { if (!entries[0].isIntersecting || countersStarted) { return; } countersStarted = true; counters.forEach(animateCounter); observer.disconnect(); }, { threshold: 0.3 } ); statsObserver.observe(statsSection); } else { counters.forEach(animateCounter); } });