// FLYER CAROUSEL – SCROLLING RIGHT →
// Clones placed first, start offset at -1 full set, scroll toward 0
var flyerTrack = document.getElementById(‘flyerCarouselTrack’);
var totalFlyerItems = 4;
var isFlyerScrolling = true;
var flyerSpeed = 2;
var flyerOneSetWidth = 0;
var flyerScrollPos = 0;
function calcFlyerWidths() {
var item = flyerTrack.querySelector(‘.flyer-carousel-item’);
var itemWidth = item.offsetWidth;
flyerOneSetWidth = itemWidth * totalFlyerItems;
flyerScrollPos = -flyerOneSetWidth;
flyerTrack.style.transform = ‘translateX(‘ + flyerScrollPos + ‘px)’;
}
calcFlyerWidths();
window.addEventListener(‘resize’, calcFlyerWidths);
function animateFlyers() {
if (isFlyerScrolling) {
// Move RIGHT: increase toward 0
flyerScrollPos += flyerSpeed;
// Seamless reset
if (flyerScrollPos >= 0) {
flyerScrollPos = -flyerOneSetWidth;
}
flyerTrack.style.transform = ‘translateX(‘ + flyerScrollPos + ‘px)’;
}
requestAnimationFrame(animateFlyers);
}
// Pause on hover
flyerTrack.parentElement.addEventListener(‘mouseenter’, function() {
isFlyerScrolling = false;
});
flyerTrack.parentElement.addEventListener(‘mouseleave’, function() {
isFlyerScrolling = true;
});
// Set initial position and start
flyerTrack.style.transform = ‘translateX(‘ + flyerScrollPos + ‘px)’;
animateFlyers();
