(function(){ function init(){ var section=document.querySelector('.jn-video-testi'); if(!section||section.dataset.jnvtReady)return; var track=section.querySelector('.elementor-container'); var cards=track?Array.prototype.filter.call(track.children,function(el){return el.classList.contains('elementor-column');}):[]; if(!track||cards.length<2)return; section.dataset.jnvtReady='1'; var controls=document.createElement('div'); controls.className='jnvt-controls'; var prev=document.createElement('button'); prev.type='button'; prev.className='jpf-arrow jpf-prev'; prev.setAttribute('aria-label','Previous'); prev.innerHTML=''; var next=document.createElement('button'); next.type='button'; next.className='jpf-arrow jpf-next'; next.setAttribute('aria-label','Next'); next.innerHTML=''; var dots=document.createElement('div'); dots.className='jpt-dots'; var dotButtons=cards.map(function(_,i){ var dot=document.createElement('button'); dot.type='button'; dot.setAttribute('aria-label','Go to slide '+(i+1)); dots.appendChild(dot); return dot; }); controls.appendChild(prev); controls.appendChild(next); controls.appendChild(dots); section.appendChild(controls); function spacing(){return parseFloat(getComputedStyle(track).columnGap||getComputedStyle(track).gap)||0;} function stride(){return cards[0].getBoundingClientRect().width+spacing();} function active(){return Math.max(0,Math.min(cards.length-1,Math.round(track.scrollLeft/stride())));} function render(){var i=active();dotButtons.forEach(function(dot,n){dot.classList.toggle('on',n===i);dot.setAttribute('aria-current',n===i?'true':'false');});} prev.addEventListener('click',function(){track.scrollTo({left:Math.max(0,(active()-1)*stride()),behavior:'smooth'});}); next.addEventListener('click',function(){track.scrollTo({left:Math.min(cards.length-1,active()+1)*stride(),behavior:'smooth'});}); dotButtons.forEach(function(dot,i){dot.addEventListener('click',function(){track.scrollTo({left:i*stride(),behavior:'smooth'});});}); track.addEventListener('scroll',function(){window.requestAnimationFrame(render);},{passive:true}); window.addEventListener('resize',render); render(); } if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init,{once:true});else init(); })();