function imgrwd(){document.querySelector("img.bg1-1").src=window.outerWidth>=1200?`${imgurl}/bg1-1.png`:`${imgurl}/bg1-1_m.png`;document.querySelector("img.bg1").src=window.outerWidth>=1200?`${imgurl}/bg1.png`:`${imgurl}/bg1_m.png`}function setdotPOSY(){let n=document.querySelector(".nested>.active img");document.querySelector(".nestdots").style.top=`${n.offsetTop+n.offsetHeight-nestdots[0].offsetHeight}px`}(()=>{let t=c=window.outerWidth;const n=1200;window.addEventListener("resize",()=>{c=window.outerWidth,t<n&&c>n||t>n&&c<n?location.reload():void 0})})();gsap.registerPlugin(ScrollTrigger);let imgurl=document.querySelector("img.bg1-1").src.match(/.*\//g);setInterval(()=>{imgrwd()},500);ScrollTrigger.create({trigger:"#section0",start:"top top",end:"bottom bottom",toggleClass:{targets:".section0-bg-rwd img",className:"active"}});ScrollTrigger.create({trigger:"#section1",start:"top center",end:"bottom center",toggleClass:"active"});ScrollTrigger.create({trigger:"#ultrawide",start:"top 25%",end:"bottom 75%",toggleClass:{targets:".ultrawide-img img",className:"onenter"}});let ToggleOpacity=function(){document.querySelectorAll(".KVM img").forEach(n=>{n.classList.toggle("opacity")})};document.querySelectorAll(".KVM-img-btns").forEach(n=>{n.onclick=()=>{ToggleOpacity(),clearInterval(AutoToggle)}});let AutoToggle=setInterval(()=>{ToggleOpacity()},5e3),cols=[...document.querySelectorAll("#cycle1>div")],pgrs=[...document.querySelectorAll(".cycle-pager1>div")];document.querySelector("#cycle-section1").style.height=`${(cols.length-1)*100}vh`;ScrollTrigger.create({trigger:"#cycle-section1",start:"top top",end:"bottom bottom",pin:"#cycle-section1 .cycle-container",pinSpacing:!1,toggleClass:"active",onUpdate:n=>{let t=Math.ceil(n.progress*(cols.length-1));cols.forEach((n,i)=>{i==t?n.classList.add("active"):n.classList.remove("active")});pgrs.forEach((n,i)=>{i==t?n.classList.add("active"):n.classList.remove("active")});document.querySelector(".iconFrame1").style.transform=`translateY(${t==0?0:(t-1)*120}px)`;[...document.querySelectorAll(".cycle-decoration3")][0].style=`top: ${n.progress*100}%; opacity: ${Math.sin(Math.PI/180*n.progress*180)}`;[...document.querySelectorAll(".cycle-decoration4")][0].style=`right: ${30-n.progress*20}%; opacity: ${Math.sin(Math.PI/180*n.progress*180)}`}});document.querySelectorAll(".cycle-pager1>div").forEach((n,t)=>{n.onclick=()=>{let n=document.querySelector(".cycle-content").offsetHeight;window.scrollTo({top:document.querySelector("#cycle-section1").offsetTop+(t-1)*n+(t==1?n*.5:t==cols.length-1?n*-.5:0),behavior:"smooth"})}});ScrollTrigger.create({trigger:"#designConcept",start:"top center",end:"bottom center",toggleClass:"active"});let cols2=[...document.querySelectorAll("#cycle2>div")],pgrs2=[...document.querySelectorAll(".cycle-pager2>div")];document.querySelector("#cycle-section2").style.height=`${(cols2.length-1)*100}vh`;ScrollTrigger.create({trigger:"#cycle-section2",start:"top top",end:"bottom bottom",pin:"#cycle-section2 .cycle-container",pinSpacing:!1,toggleClass:"active",onUpdate:n=>{let t=Math.ceil(n.progress*(cols2.length-1));cols2.forEach((n,i)=>{i==t?n.classList.add("active"):n.classList.remove("active")});pgrs2.forEach((n,i)=>{i==t?n.classList.add("active"):n.classList.remove("active")});document.querySelector(".iconFrame2").style.transform=`translateY(${t==0?0:(t-1)*120}px)`;[...document.querySelectorAll(".cycle-decoration3")][1].style=`top: ${n.progress*100}%; opacity: ${Math.sin(Math.PI/180*n.progress*180)}`;[...document.querySelectorAll(".cycle-decoration4")][1].style=`right: ${30-n.progress*20}%; opacity: ${Math.sin(Math.PI/180*n.progress*180)}`}});document.querySelectorAll(".cycle-pager2>div").forEach((n,t)=>{n.onclick=()=>{let n=document.querySelector(".cycle-content").offsetHeight;window.scrollTo({top:document.querySelector("#cycle-section2").offsetTop+(t-1)*n+(t==1?n*.5:t==cols2.length-1?n*-.5:0),behavior:"smooth"})}});let nest=[...document.querySelectorAll(".cycle-slide.nested .cycle-content")];document.querySelector(".cycle-slide.nested").style.gridTemplateColumns=`repeat(${nest.length},100%)`;for(let n in nest)document.querySelector(".nestdots").insertAdjacentHTML("beforeend",n==0?`<div class='active'>—</div>`:"<div>—<\/div>");let nestdots=[...document.querySelectorAll(".nestdots>div")],curnest=document.querySelector(".cycle-slide.nested .active");setdotPOSY();let NestSlideAuto=setInterval(()=>{nest.indexOf(curnest)==nest.length-1?nest.forEach((n,t)=>{t==0?n.classList.add("active"):n.classList.remove("active")}):nest.forEach((n,t)=>{t==nest.indexOf(curnest)+1?n.classList.add("active"):n.classList.remove("active")}),curnest=document.querySelector(".cycle-slide.nested .active"),nest.forEach(n=>{n.style.transform=`translateX(${-100*nest.indexOf(curnest)}%)`}),nestdots.forEach((n,t)=>{t==nest.indexOf(curnest)?n.classList.add("active"):n.classList.remove("active")}),setdotPOSY()},5e3);nestdots.forEach((n,t)=>{n.onclick=()=>{clearInterval(NestSlideAuto),nest.forEach((n,i)=>{n.style.transform=`translateX(${-100*t}%)`,i==t?n.classList.add("active"):n.classList.remove("active")}),nestdots.forEach((n,i)=>{i==t?n.classList.add("active"):n.classList.remove("active")}),setdotPOSY()}});let dots=[...document.querySelectorAll(".InnerGIGABYTEContent>div")];dots.forEach(n=>{ScrollTrigger.create({trigger:n,start:"top 75%",end:"bottom 25%",onToggle:n=>{n.isActive?ScrollTrigger.refresh():void 0}})})