function onEnterRea(e,r){let n=r[e];n.classList.add("inFocus"),n.innerHTML="<div id='insideDiv'><div id='infoTitle'>"+pred.realisations[e][0]+"<br><br></div><div id='infoText'>"+pred.realisations[e][3]+"</div></div>"}function onLeaveRea(e,r){let n=r[e];n.classList.remove("inFocus"),n.innerHTML='<span class="textR">'+pred.realisations[e][0]+'</span><img src="'+pred.realisations[e][2]+'" class="imageR">'}resize();const boxes=gsap.utils.toArray(".realization"),elements=document.querySelectorAll(".realization"),elemNb=elements.length,verticalSize=document.getElementById("scrollDiv").offsetHeight;let sizePercent=verticalSize/elemNb/verticalSize*80;if(!pred.mobileDevice){let e=document.getElementById("realizationDiv2"),r=document.getElementById("realizationDiv").scrollWidth;document.getElementById("backToFutureDiv").offsetHeight;gsap.registerPlugin(ScrollTrigger),gsap.to("#realizationDiv",{x:-.8*r,scrollTrigger:{scroller:"#Accueil",trigger:"#realizationDiv",scrub:!0,start:"top 30%",end:()=>`+=${document.querySelector("#backToFutureDiv").offsetHeight-document.querySelector("#backToFutureDiv").offsetTop}`,pin:!0,pinType:"fixed",pinSpacing:!0,invalidateOnRefresh:!1,onLeave:()=>{e.style.display="none"},onLeaveBack:()=>{e.style.display="none"},onEnter:()=>{e.style.display="unset"},onEnterBack:()=>{e.style.display="unset"}}}),gsap.to("#Accueil",{scrollTrigger:{scroller:"#Accueil",trigger:"#mainTitle",scrub:!0,start:"top 30%",onEnter:()=>pred.homeBarClicked(pred.homeBar[0],!1),onEnterBack:()=>pred.homeBarClicked(pred.homeBar[0],!1)}}),gsap.to("#Accueil",{scrollTrigger:{scroller:"#Accueil",trigger:"#sectionTitre2",scrub:!0,start:"top 30%",onEnter:()=>pred.homeBarClicked(pred.homeBar[1],!1),onEnterBack:()=>pred.homeBarClicked(pred.homeBar[1],!1)}}),gsap.to("#Accueil",{scrollTrigger:{scroller:"#Accueil",trigger:"#teamTitle",scrub:!0,start:"top 50%",end:"top 20%",onEnter:()=>pred.homeBarClicked(pred.homeBar[2],!1),onEnterBack:()=>pred.homeBarClicked(pred.homeBar[2],!1)}}),gsap.to("#Accueil",{scrollTrigger:{scroller:"#Accueil",trigger:"#container",start:"bottom bottom",onLeave:()=>{pred.animationRunning=!1,animate()},onLeaveBack:()=>{pred.animationRunning=!1,animate()},onEnter:()=>{pred.animationRunning=!0,animate()},onEnterBack:()=>{pred.animationRunning=!0,animate()}}}),boxes.forEach(e=>{let r=Array.from(elements).indexOf(e),n=r+1;0==r?gsap.to("#realizationDiv",{scrollTrigger:{scroller:"#Accueil",trigger:"#scrollDiv",scrub:!0,start:"top top",end:sizePercent*n+"%",onEnter:()=>onEnterRea(r,elements),onLeave:()=>onLeaveRea(r,elements),onEnterBack:()=>onEnterRea(r,elements),onLeaveBack:()=>onLeaveRea(r,elements)}}):n!=elemNb?gsap.to("#realizationDiv",{scrollTrigger:{scroller:"#Accueil",trigger:"#scrollDiv",scrub:!0,start:sizePercent*r+"%",end:sizePercent*n+"%",onEnter:()=>onEnterRea(r,elements),onLeave:()=>onLeaveRea(r,elements),onEnterBack:()=>onEnterRea(r,elements),onLeaveBack:()=>onLeaveRea(r,elements)}}):gsap.to("#realizationDiv",{scrollTrigger:{scroller:"#Accueil",trigger:"#scrollDiv",scrub:!0,start:sizePercent*r+"%",end:"160%",onEnter:()=>onEnterRea(r,elements),onLeave:()=>onLeaveRea(r,elements),onEnterBack:()=>onEnterRea(r,elements),onLeaveBack:()=>onLeaveRea(r,elements)}})})}