const familyImg=document.querySelector(".our-family_wrapper"),pressImg=document.querySelector(".press-img"),headerpressImg=document.querySelector(".header-press-img"),storyImg=document.querySelector(".our-story_wrapper"),header=document.querySelector(".header_components"),foodImg=document.querySelector(".food-img_wrapper"),sliderImg=document.querySelector(".left-image");let currentImg,state,tl;const defaultTransition="all 0.6s cubic-bezier(.455, .03, .515, .955)";$(".family-link").click((e=>{if($(".family-link").addClass("active"),$(".story-link").removeClass("active"),$(".press-link").removeClass("active"),currentImg===storyImg){headerpressImg.classList.remove("story"),foodImg.classList.remove("story");let e=Flip.getState(currentImg,{});currentImg.classList.remove("is--active"),currentImg.classList.add("family"),currentImg.style.transition="none",header.prepend(currentImg),Flip.from(e,{duration:.6,absolute:!0,overwrite:!0}),$(".story-text_div").removeClass("active")}currentImg===pressImg&&(tl.to(pressImg,{opacity:0,duration:.6}).to(headerpressImg,{opacity:.15,duration:.6,overwrite:!0},0),foodImg.classList.remove("press"),storyImg.classList.remove("press"),$(".press-text_div").removeClass("active")),currentImg=familyImg,currentImg.style.transition="none",state=Flip.getState(currentImg,{}),sliderImg.prepend(currentImg),currentImg.classList.remove("story"),currentImg.classList.add("is--active"),currentImg.classList.contains("press")&&currentImg.classList.remove("press"),Flip.from(state,{duration:.6,absolute:!0,overwrite:!0}),setTimeout((()=>{$(".family-left-div").addClass("active")}),600),$(".family-text-div").addClass("active"),[foodImg].forEach((e=>{e.style.transition=defaultTransition})),headerpressImg.classList.add("family"),foodImg.classList.add("family"),storyImg.classList.contains("family")||(storyImg.style.transition=defaultTransition,storyImg.classList.add("family"))})),$(".story-link").click((e=>{if($(".story-link").addClass("active"),$(".family-link").removeClass("active"),$(".press-link").removeClass("active"),currentImg===familyImg){headerpressImg.classList.remove("family"),foodImg.classList.remove("family");let e=Flip.getState(currentImg,{});currentImg.classList.remove("is--active"),currentImg.classList.add("story"),currentImg.style.transition="none",header.prepend(currentImg),Flip.from(e,{duration:.6,absolute:!0,overwrite:!0}),$(".family-left-div").removeClass("active"),$(".family-text-div").removeClass("active")}currentImg===pressImg&&(tl.to(pressImg,{opacity:0,duration:.6}).to(headerpressImg,{opacity:.15,duration:.6,overwrite:!0}),foodImg.classList.remove("press"),familyImg.classList.remove("press"),$(".press-text_div").removeClass("active")),currentImg=storyImg,currentImg.style.transition="none",state=Flip.getState(currentImg,{}),sliderImg.prepend(currentImg),currentImg.classList.remove("family"),currentImg.classList.add("is--active"),currentImg.classList.contains("press")&&currentImg.classList.remove("press"),Flip.from(state,{duration:.6,absolute:!0,overwrite:!0}),$(".story-text_div").addClass("active"),[foodImg].forEach((e=>{e.style.transition=defaultTransition})),headerpressImg.classList.add("story"),foodImg.classList.add("story"),familyImg.classList.contains("story")||(familyImg.style.transition=defaultTransition,familyImg.classList.add("story"))})),$(".press-link").click((e=>{if($(".press-link").addClass("active"),$(".story-link").removeClass("active"),$(".family-link").removeClass("active"),currentImg===familyImg){foodImg.classList.remove("family");let e=Flip.getState(currentImg,{});currentImg.classList.remove("is--active"),header.prepend(currentImg),currentImg.classList.add("press"),Flip.from(e,{duration:.6,absolute:!0,overwrite:!0}),$(".family-left-div").removeClass("active"),$(".family-text-div").removeClass("active")}if(currentImg===storyImg){foodImg.classList.remove("story");let e=Flip.getState(currentImg,{});currentImg.classList.remove("is--active"),header.prepend(currentImg),currentImg.classList.add("press"),Flip.from(e,{duration:.6,absolute:!0,overwrite:!0}),$(".story-text_div").removeClass("active")}currentImg=pressImg,tl=gsap.timeline(),tl.to(headerpressImg,{opacity:0,duration:.6},0).to(".press-img.is--active",{opacity:1,duration:.6,overwrite:!0},0),$(".press-text_div").addClass("active"),foodImg.classList.add("press"),familyImg.classList.contains("press")||(familyImg.style.transition=defaultTransition,familyImg.classList.add("press")),storyImg.classList.contains("press")||(storyImg.style.transition=defaultTransition,storyImg.classList.add("press")),headerpressImg.classList.contains("family")&&headerpressImg.classList.remove("family")}));