let animationFrameId;
let isPaused = false;

function scrollGallery(direction) {
const container = document.getElementById(‘imageSlider’);
const scrollAmount = container.clientWidth * 0.8;
container.scrollBy({
left: direction === ‘left’ ? -scrollAmount : scrollAmount,
behavior: ‘smooth’
});
}

function cloneImagesForInfiniteScroll() {
const track = document.getElementById(‘sliderTrack’);
const clone = track.cloneNode(true);
clone.id = ‘sliderTrackClone’;
document.getElementById(‘imageSlider’).appendChild(clone);
}

function autoScroll() {
const container = document.getElementById(‘imageSlider’);
if (!isPaused) {
container.scrollLeft += 1;

// Eğer track’in yarısını geçtiysek scroll’u başa sar (fark edilmeden)
const track = document.getElementById(‘sliderTrack’);
if (container.scrollLeft >= track.scrollWidth) {
container.scrollLeft = 0;
}
}
animationFrameId = requestAnimationFrame(autoScroll);
}

function pauseScroll() {
isPaused = true;
}

function resumeScroll() {
isPaused = false;
}

window.onload = () => {
cloneImagesForInfiniteScroll();
autoScroll();
};

function autoScroll() {
const container = document.getElementById(‘imageSlider’);
if (!isPaused) {
container.scrollLeft += 3; // Hızı artırdık (1’di, şimdi 2)

const track = document.getElementById(‘sliderTrack’);
if (container.scrollLeft >= track.scrollWidth) {
container.scrollLeft = 0;
}
}
animationFrameId = requestAnimationFrame(autoScroll);
}

$(document).ready(function(){
$(“.owl-carousel”).owlCarousel({
loop: true,
margin: 20,
nav: true,
autoplay: true,
autoplayTimeout: 3000,
responsive: {
0: { items: 1 },
576: { items: 2 },
768: { items: 3 },
992: { items: 4 }
}
});
});