{const mapNumber=(X,A,B,C,D)=>(X-A)*(D-C)/(B-A)+C;const getMousePos=(e)=>{let posx=0;let posy=0;if(!e)e=window.event;if(e.pageX||e.pageY){posx=e.pageX;posy=e.pageY;}
else if(e.clientX||e.clientY){posx=e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;posy=e.clientY+document.body.scrollTop+document.documentElement.scrollTop;}
return{x:posx,y:posy}}
const getRandomFloat=(min,max)=>(Math.random()*(max-min)+min).toFixed(2);class HoverImgFx1{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__inner">
                <div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img?this.DOM.el.dataset.img:''})">
                    <div class="tp-hover-wrapper"> 
                        <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3>
                        <span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span>
                        <p>${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p>
                        <div class="tp-hover-meta">
                            <span>
                                <a href="${this.DOM.el.dataset.metaTagLink?this.DOM.el.dataset.metaTagLink:'#'}">${this.DOM.el.dataset.metaTag?this.DOM.el.dataset.metaTag:''}</a>
                            </span>
                            <span>
                                <a href="${this.DOM.el.dataset.metaTimeLink?this.DOM.el.dataset.metaTimeLink:'#'}">${this.DOM.el.dataset.metaTime?this.DOM.el.dataset.metaTime:''}</a>
                            </span>
                            <span>
                                <a href="${this.DOM.el.dataset.metaAuthorLink?this.DOM.el.dataset.metaAuthorLink:'#'}">${this.DOM.el.dataset.metaAuthor?this.DOM.el.dataset.metaAuthor:''}</a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealInner.style.overflow='hidden';this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:9});}}).add('begin').add(new TweenMax(this.DOM.revealInner,0.2,{ease:Sine.easeOut,startAt:{x:'-100%'},x:'0%'}),'begin').add(new TweenMax(this.DOM.revealImg,0.2,{ease:Sine.easeOut,startAt:{x:'100%'},x:'0%'}),'begin');}
hideImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:8});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax(this.DOM.revealInner,0.2,{ease:Sine.easeOut,x:'100%'}),'begin').add(new TweenMax(this.DOM.revealImg,0.2,{ease:Sine.easeOut,x:'-100%'}),'begin');}}
class HoverImgFx2{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__inner"><div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div></div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealInner.style.overflow='hidden';this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).add('begin').add(new TweenMax(this.DOM.revealInner,0.4,{ease:Quint.easeOut,startAt:{x:'-100%',y:'-100%'},x:'0%',y:'0%'}),'begin').add(new TweenMax(this.DOM.revealImg,0.4,{ease:Quint.easeOut,startAt:{x:'100%',y:'100%'},x:'0%',y:'0%'}),'begin');}
hideImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax(this.DOM.revealInner,0.3,{ease:Quint.easeOut,x:'100%',y:'100%'}),'begin').add(new TweenMax(this.DOM.revealImg,0.3,{ease:Quint.easeOut,x:'-100%',y:'-100%'}),'begin');}}
class HoverImgFx3{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.style.overflow='hidden';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__inner"><div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div></div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealInner.style.overflow='hidden';this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();this.animateLetters();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).add('begin').set([this.DOM.revealInner,this.DOM.revealImg],{transformOrigin:'50% 100%'}).add(new TweenMax(this.DOM.revealInner,0.4,{ease:Expo.easeOut,startAt:{x:'50%',y:'120%',rotation:50},x:'0%',y:'0%',rotation:0}),'begin').add(new TweenMax(this.DOM.revealImg,0.4,{ease:Expo.easeOut,startAt:{x:'-50%',y:'-120%',rotation:-50},x:'0%',y:'0%',rotation:0}),'begin').add(new TweenMax(this.DOM.revealImg,0.7,{ease:Expo.easeOut,startAt:{scale:2},scale:1}),'begin');}
hideImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax(this.DOM.revealInner,0.6,{ease:Expo.easeOut,y:'-120%',rotation:-5}),'begin').add(new TweenMax(this.DOM.revealImg,0.6,{ease:Expo.easeOut,y:'120%',rotation:5,scale:1.2}),'begin')}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);TweenMax.set(this.DOM.letters,{opacity:0});TweenMax.staggerTo(this.DOM.letters,0.2,{ease:Expo.easeOut,startAt:{x:'100%'},x:'0%',opacity:1},0.03);}}
class HoverImgFx4{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__inner"><div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div></div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealInner.style.overflow='hidden';this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();this.animateLetters();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).add('begin').add(new TweenMax(this.DOM.revealInner,0.8,{ease:Expo.easeOut,startAt:{opacity:0,y:'50%',rotation:-15,scale:0},y:'0%',rotation:0,opacity:1,scale:1}),'begin').add(new TweenMax(this.DOM.revealImg,0.8,{ease:Expo.easeOut,startAt:{rotation:15,scale:2},rotation:0,scale:1}),'begin');}
hideImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax(this.DOM.revealInner,0.15,{ease:Sine.easeOut,y:'-40%',rotation:10,scale:0.9,opacity:0}),'begin').add(new TweenMax(this.DOM.revealImg,0.15,{ease:Sine.easeOut,rotation:-10,scale:1.5}),'begin')}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);TweenMax.set(this.DOM.letters,{opacity:0});TweenMax.staggerTo(this.DOM.letters,0.8,{ease:Expo.easeOut,startAt:{y:'50%'},y:'0%',opacity:1},0.03);}}
class HoverImgFx5{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__deco"></div><div class="tp-img-reveal-wrapper__inner"><div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div></div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealInner.style.overflow='hidden';this.DOM.revealDeco=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__deco');this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();this.animateLetters();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set(this.DOM.revealInner,{opacity:0}).add('begin').add(new TweenMax(this.DOM.revealDeco,0.8,{ease:Expo.easeOut,startAt:{opacity:0,scale:0,rotation:35},opacity:1,scale:1,rotation:0}),'begin').add(new TweenMax(this.DOM.revealInner,0.8,{ease:Expo.easeOut,startAt:{scale:0,rotation:35},rotation:0,scale:1,opacity:1}),'begin+=0.15').add(new TweenMax(this.DOM.revealImg,0.8,{ease:Expo.easeOut,startAt:{rotation:-35,scale:2},rotation:0,scale:1}),'begin+=0.15')}
hideImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax([this.DOM.revealDeco,this.DOM.revealInner],0.2,{ease:Expo.easeOut,opacity:0,scale:0.9}),'begin')}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);TweenMax.set(this.DOM.letters,{opacity:0});TweenMax.staggerTo(this.DOM.letters,0.1,{ease:Expo.easeOut,startAt:{y:'50%'},y:'0%',opacity:1},0.06);}}
class HoverImgFx6{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.style.overflow='hidden';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__deco"></div><div class="tp-img-reveal-wrapper__inner"><div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div></div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealInner.style.overflow='hidden';this.DOM.revealDeco=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__deco');this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.reveal);TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).add('begin').set(this.DOM.revealInner,{x:'100%'}).set(this.DOM.revealDeco,{transformOrigin:'100% 50%'}).add(new TweenMax(this.DOM.revealDeco,0.3,{ease:Sine.easeInOut,startAt:{scaleX:0},scaleX:1}),'begin').set(this.DOM.revealDeco,{transformOrigin:'0% 50%'}).add(new TweenMax(this.DOM.revealDeco,0.6,{ease:Expo.easeOut,scaleX:0}),'begin+=0.3').add(new TweenMax(this.DOM.revealInner,0.6,{ease:Expo.easeOut,startAt:{x:'100%'},x:'0%'}),'begin+=0.45').add(new TweenMax(this.DOM.revealImg,0.6,{ease:Expo.easeOut,startAt:{x:'-100%'},x:'0%'}),'begin+=0.45').add(new TweenMax(this.DOM.revealImg,1.6,{ease:Expo.easeOut,startAt:{scale:1.3},scale:1}),'begin+=0.45').add(new TweenMax(this.DOM.reveal,0.8,{ease:Quint.easeOut,startAt:{x:'20%',rotation:10},x:'0%',rotation:0}),'begin');}
hideImage(){TweenMax.killTweensOf(this.DOM.reveal);TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax(this.DOM.revealInner,0.1,{ease:Sine.easeOut,x:'-100%'}),'begin').add(new TweenMax(this.DOM.revealImg,0.1,{ease:Sine.easeOut,x:'100%'}),'begin')}}
class HoverImgFx7{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__deco"></div><div class="tp-img-reveal-wrapper__inner"><div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div></div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealDeco=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__deco');this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();this.animateLetters();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);window.addEventListener('resize',()=>this.rect=this.DOM.reveal.getBoundingClientRect());}
showImage(){TweenMax.killTweensOf(this.DOM.reveal);TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).add('begin').set(this.DOM.revealInner,{opacity:0}).set(this.DOM.revealDeco,{transformOrigin:'-5% 50%'}).add(new TweenMax(this.DOM.revealDeco,0.2,{ease:Quad.easeInOut,startAt:{scaleX:0},scaleX:1,scaleY:0.8}),'begin').set(this.DOM.revealDeco,{transformOrigin:'105% 50%'}).add(new TweenMax(this.DOM.revealDeco,0.3,{ease:Sine.easeOut,scaleX:0,scaleY:1}),'begin+=0.2').add(new TweenMax(this.DOM.revealInner,0.9,{ease:Elastic.easeOut.config(1,0.6),startAt:{scale:0,opacity:1,x:'0%'},scale:1,}),'begin+=0.4').add(new TweenMax(this.DOM.revealImg,0.8,{ease:Expo.easeOut,rotation:-15,}),'begin').add(new TweenMax(this.DOM.reveal,1.1,{ease:Quint.easeOut,startAt:{x:'-50%',y:'10%',rotation:-35},x:'0%',y:'0%',rotation:15}),'begin');}
hideImage(){TweenMax.killTweensOf(this.DOM.reveal);TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add(new TweenMax(this.DOM.revealInner,0.13,{ease:Sine.easeOut,scale:0.8,opacity:0}));}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);TweenMax.set(this.DOM.letters,{opacity:0});TweenMax.staggerTo(this.DOM.letters,0.8,{ease:Elastic.easeOut.config(1,0.4),startAt:{y:'50%'},y:'0%',opacity:1},0.02);}}
class HoverImgFx8{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__deco"></div><div class="tp-img-reveal-wrapper__inner"><div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div></div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealInner.style.overflow='hidden';this.DOM.revealDeco=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__deco');this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');this.rect=this.DOM.reveal.getBoundingClientRect();charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();this.animateLetters();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set(this.DOM.revealInner,{opacity:0}).add('begin').set(this.DOM.revealDeco,{transformOrigin:'50% 0%'}).add(new TweenMax(this.DOM.revealDeco,0.6,{ease:Cubic.easeInOut,startAt:{opacity:0,x:'15%',y:'50%',scaleY:3},scaleY:1,opacity:1,y:'-15%'}),'begin').add(new TweenMax(this.DOM.revealInner,0.8,{ease:Expo.easeOut,startAt:{y:'100%',rotation:3},opacity:1,rotation:0,y:'0%'}),'begin+=0.4').add(new TweenMax(this.DOM.revealImg,1.3,{ease:Expo.easeOut,startAt:{scale:1.4},scale:1}),'begin+=0.4')}
hideImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax([this.DOM.revealDeco,this.DOM.revealInner],0.2,{ease:Expo.easeOut,opacity:0}),'begin')}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);TweenMax.set(this.DOM.letters,{opacity:0});TweenMax.staggerTo(this.DOM.letters,0.1,{ease:Elastic.easeOut.config(1,0.4),startAt:{y:'50%'},y:'0%',opacity:1},0.08);}}
class HoverImgFx9{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__deco"></div><div class="tp-img-reveal-wrapper__inner"><div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div></div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealInner.style.overflow='hidden';this.DOM.revealDeco=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__deco');this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();this.animateLetters();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set([this.DOM.revealInner,this.DOM.revealImg,this.DOM.revealDeco],{transformOrigin:'120% 0%'}).set(this.DOM.revealInner,{opacity:0}).add('begin').add(new TweenMax(this.DOM.revealDeco,0.8,{ease:Expo.easeOut,startAt:{opacity:0,rotation:-80,x:'15%',y:'60%'},opacity:1,rotation:0,y:'-15%'}),'begin').add(new TweenMax(this.DOM.revealInner,0.8,{ease:Expo.easeOut,startAt:{x:'50%',y:'150%',rotation:-25},opacity:1,x:'0%',y:'0%',rotation:0}),'begin+=0.25').add(new TweenMax(this.DOM.revealImg,0.8,{ease:Expo.easeOut,startAt:{y:'-150%',rotation:-25},y:'0%',rotation:0}),'begin+=0.25');}
hideImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax([this.DOM.revealDeco,this.DOM.revealInner],0.2,{ease:Expo.easeOut,opacity:0}),'begin')}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);TweenMax.set(this.DOM.letters,{opacity:0});TweenMax.staggerTo(this.DOM.letters,0.1,{ease:Expo.easeOut,opacity:1},0.08);}}
class HoverImgFx10{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__deco"></div><div class="tp-img-reveal-wrapper__inner"><div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div></div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealInner.style.overflow='hidden';this.DOM.revealDeco=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__deco');this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();this.animateLetters();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set(this.DOM.revealInner,{opacity:0}).add('begin').add(new TweenMax(this.DOM.revealDeco,0.5,{ease:Expo.easeOut,startAt:{scale:0,opacity:1,rotation:-10},scale:1.6,rotation:0}),'begin').add(new TweenMax(this.DOM.revealDeco,0.3,{ease:Sine.easeOut,opacity:0}),'begin+=0.2').add(new TweenMax(this.DOM.revealInner,0.6,{ease:Expo.easeOut,startAt:{scale:0,opacity:0,rotation:10},scale:1,opacity:1,rotation:0}),'begin+=0.2');}
hideImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax([this.DOM.revealDeco,this.DOM.revealInner],0.2,{ease:Expo.easeOut,opacity:0,scale:0.9}),'begin')}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);TweenMax.set(this.DOM.letters,{opacity:0});TweenMax.staggerTo(this.DOM.letters,0.1,{ease:Expo.easeOut,opacity:1},0.04);}}
class HoverImgFx11{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.style.overflow='hidden';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__deco"></div><div class="tp-img-reveal-wrapper__inner"><div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div></div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealInner.style.overflow='hidden';this.DOM.revealDeco=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__deco');TweenMax.set(this.DOM.revealDeco,{width:'1%',height:'100%',background:'white',left:'50%'});this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();this.animateLetters();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.reveal);TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).add('begin').set(this.DOM.revealInner,{y:'100%'}).set(this.DOM.revealDeco,{transformOrigin:'50% 100%'}).add(new TweenMax(this.DOM.revealDeco,0.3,{ease:Sine.easeInOut,startAt:{scaleY:0,scaleX:10},scaleY:1,scaleX:1}),'begin').set(this.DOM.revealDeco,{transformOrigin:'50% 0%'}).add(new TweenMax(this.DOM.revealDeco,0.3,{ease:Expo.easeOut,scaleY:0}),'begin+=0.3').add(new TweenMax(this.DOM.revealInner,0.5,{ease:Expo.easeOut,startAt:{y:'100%'},y:'0%'}),'begin+=0.4').add(new TweenMax(this.DOM.revealImg,0.5,{ease:Expo.easeOut,startAt:{y:'-100%'},y:'0%'}),'begin+=0.4').add(new TweenMax(this.DOM.revealImg,0.5,{ease:Expo.easeOut,startAt:{y:'100%'},y:'0%'}),'begin+=0.4').add(new TweenMax(this.DOM.reveal,1.1,{ease:Expo.easeOut,startAt:{y:'50%',rotation:10},y:'0%',rotation:0}),'begin');}
hideImage(){TweenMax.killTweensOf(this.DOM.reveal);TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDeco);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax(this.DOM.revealInner,0.1,{ease:Sine.easeOut,y:'-100%'}),'begin').add(new TweenMax(this.DOM.revealImg,0.1,{ease:Sine.easeOut,y:'100%'}),'begin')}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);TweenMax.set(this.DOM.letters,{opacity:0});TweenMax.staggerTo(this.DOM.letters,0.1,{ease:Expo.easeOut,startAt:{y:'50%'},y:'0%',opacity:1},0.06);}}
class HoverImgFx12{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.totalDecos=7;let inner='';for(let i=0;i<=this.totalDecos-1;++i){inner+='<div class="tp-img-reveal-wrapper__deco"></div>';}
inner+=`<div class="tp-img-reveal-wrapper__inner"><div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div></div>`
this.DOM.reveal.innerHTML=inner;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealDecos=[...this.DOM.reveal.querySelectorAll('.tp-img-reveal-wrapper__deco')];this.DOM.revealDecos.forEach((deco,pos)=>{TweenMax.set(deco,{width:pos===this.totalDecos-1?'100%':`${getRandomFloat(40,100)}%`,height:pos===this.totalDecos-1?'100%':`${getRandomFloat(5,30)}%`,x:pos===this.totalDecos-1?'0%':`${getRandomFloat(-100,100)}%`,y:pos===this.totalDecos-1?'0%':`${getRandomFloat(-300,300)}%`,scaleX:0});});this.DOM.revealInner=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__inner');this.DOM.revealInner.style.overflow='hidden';this.DOM.revealImg=this.DOM.revealInner.querySelector('.tp-img-reveal-wrapper__img');this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDecos);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).add('begin').set(this.DOM.revealInner,{x:'100%',opacity:0}).set(this.DOM.revealDecos,{transformOrigin:'100% 50%'}).staggerTo(this.DOM.revealDecos,0.3,{ease:Expo.easeInOut,scaleX:1},0.06,'begin').staggerTo(this.DOM.revealDecos,getRandomFloat(0.3,0.6),{ease:Expo.easeOut,startAt:{transformOrigin:'0% 50%'},scaleX:0,x:'-=5%'},0.04,'begin+=0.3').add(new TweenMax(this.DOM.revealInner,0.6,{ease:Expo.easeOut,startAt:{x:'100%'},x:'0%',opacity:1}),'begin+=0.75').add(new TweenMax(this.DOM.revealImg,0.6,{ease:Expo.easeOut,startAt:{x:'-100%'},x:'0%'}),'begin+=0.75');}
hideImage(){TweenMax.killTweensOf(this.DOM.revealInner);TweenMax.killTweensOf(this.DOM.revealImg);TweenMax.killTweensOf(this.DOM.revealDecos);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax(this.DOM.revealInner,0.1,{ease:Sine.easeOut,x:'-100%'}),'begin').add(new TweenMax(this.DOM.revealImg,0.1,{ease:Sine.easeOut,x:'100%'}),'begin')}}
class HoverImgFx13{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.style.zIndex=-1;this.totalImages=3;let inner='';for(let i=0;i<=this.totalImages-1;++i){inner+=`<div class="tp-img-reveal-wrapper__img" style="position: absolute; background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div>`;}
this.DOM.reveal.innerHTML=inner;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealImgs=[...this.DOM.reveal.querySelectorAll('.tp-img-reveal-wrapper__img')];charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
position(){this.rect=this.DOM.el.getBoundingClientRect();this.DOM.reveal.style.top=`${this.rect.top-this.DOM.reveal.offsetHeight/2}px`;this.DOM.reveal.style.left=`${this.rect.left-this.DOM.reveal.offsetWidth/2}px`;}
initEvents(){this.mouseenterFn=()=>{this.showImage();this.animateLetters();};this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.position();this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;}}).set([this.DOM.revealImgs],{opacity:0})
for(let i=0;i<=this.totalImages-1;++i){this.tl.add(new TweenMax(this.DOM.revealImgs[i],0.7,{ease:i===this.totalImages-1?Expo.easeOut:Quint.easeOut,startAt:{x:'30%',y:'160%',rotation:i===this.totalImages-1?-30:-10},x:i===this.totalImages-1?'10%':'-15%',y:i===this.totalImages-1?'10%':'-140%',rotation:-10}),i*0.2);this.tl.add(new TweenMax(this.DOM.revealImgs[i],0.5,{ease:Quad.easeOut,startAt:{opacity:1},opacity:i===this.totalImages-1?1:0}),i*0.2);}}
hideImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onComplete:()=>{TweenMax.set(this.DOM.reveal,{opacity:0});}}).add(new TweenMax(this.DOM.revealImgs[this.totalImages-1],0.15,{ease:Sine.easeOut,x:'-30%',y:'-240%',opacity:0}))}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);this.DOM.letters.forEach(letter=>TweenMax.set(letter,{y:Math.round(Math.random())===0?'100%':'0%',opacity:0}));TweenMax.to(this.DOM.letters,1,{ease:Expo.easeOut,y:'0%',opacity:1});}}
class HoverImgFx14{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';let inner='';const imgsArr=this.DOM.el.dataset.img.split(',');for(let i=0,len=imgsArr.length;i<=len-1;++i){inner+=`<div class="tp-img-reveal-wrapper__img" style="transform-origin:0% 0%;opacity:0;position:absolute;background-image:url(${imgsArr[i]})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div>`;}
this.DOM.reveal.innerHTML=inner;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealImgs=[...this.DOM.reveal.querySelectorAll('.tp-img-reveal-wrapper__img')];this.imgsTotal=this.DOM.revealImgs.length;this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});TweenMax.set(this.DOM.revealImgs,{opacity:0});const show=()=>{TweenMax.killTweensOf(this.DOM.revealImgs[this.current]);TweenMax.set(this.DOM.revealImgs[this.current],{zIndex:1000});TweenMax.to(this.DOM.revealImgs[this.current],0.4,{ease:Quint.easeOut,startAt:{opacity:0,scale:0.5,rotation:-15,x:'0%',y:'-10%'},opacity:1,y:'0%',rotation:0,scale:1});};this.current=0;show();const loop=()=>{this.imgtimeout=setTimeout(()=>{this.DOM.revealImgs[this.current].style.zIndex='';TweenMax.to(this.DOM.revealImgs[this.current],0.8,{ease:Expo.easeOut,x:`${getRandomFloat(-10,10)}%`,y:`${getRandomFloat(10,60)}%`,rotation:getRandomFloat(5,15),opacity:0});this.current=this.current<this.imgsTotal-1?this.current+1:0;show();loop();},500);}
loop();}
hideImage(){clearTimeout(this.imgtimeout);this.DOM.revealImgs[this.current].style.zIndex='';this.DOM.revealImgs[this.current].style.opacity=0;this.current=0;TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0})}}
class HoverImgFx15{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.totalImages=5;let inner='';for(let i=0;i<=this.totalImages-1;++i){inner+=`<div class="tp-img-reveal-wrapper__img" style="position: absolute; background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div>`;}
this.DOM.reveal.innerHTML=inner;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealImgs=[...this.DOM.reveal.querySelectorAll('.tp-img-reveal-wrapper__img')];charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.animateLetters();this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set(this.DOM.revealImgs,{opacity:0});for(let i=0;i<=this.totalImages-1;++i){TweenMax.set(this.DOM.revealImgs[i],{x:`${(this.totalImages-1-i)*5}%`,y:`${(this.totalImages-1-i)*10}%`});this.tl.add(new TweenMax(this.DOM.revealImgs[i],i===this.totalImages-1?1.2:0.55,{ease:i===this.totalImages-1?Quint.easeOut:Quad.easeOut,startAt:i===this.totalImages-1?{opacity:1,x:'5%',y:'10%'}:{opacity:1},opacity:i===this.totalImages-1?1:0,x:i===this.totalImages-1?'0%':null,y:i===this.totalImages-1?'0%':null}),i*0.04);}}
hideImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add(new TweenMax(this.DOM.revealImgs[this.totalImages-1],0.15,{ease:Sine.easeOut,opacity:0}))}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);this.DOM.letters.forEach((letter)=>{const opts=Math.round(Math.random())===0?{x:'100%',y:'100%',opacity:0}:{opacity:0};TweenMax.set(letter,opts);});TweenMax.to(this.DOM.letters,1,{ease:Expo.easeOut,x:'0%',y:'0%',opacity:1});}}
class HoverImgFx16{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.totalImages=10;let inner='';for(let i=0;i<=this.totalImages-1;++i){inner+=`<div class="tp-img-reveal-wrapper__img" style="position: absolute; background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div>`;}
this.DOM.reveal.innerHTML=inner;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealImgs=[...this.DOM.reveal.querySelectorAll('.tp-img-reveal-wrapper__img')];this.rect=this.DOM.reveal.getBoundingClientRect();charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y-this.rect.height-20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x-this.rect.width-20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.animateLetters();this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set(this.DOM.revealImgs,{opacity:0,transformOrigin:'0% 0%'});for(let i=0;i<=this.totalImages-1;++i){TweenMax.set(this.DOM.revealImgs[i],{x:`${(this.totalImages-1-i)*getRandomFloat(-10,-5)}%`,y:`${(this.totalImages-1-i)*getRandomFloat(-15,-10)}%`,rotation:`${getRandomFloat(-5,5)}deg`});this.tl.add(new TweenMax(this.DOM.revealImgs[i],i===this.totalImages-1?0.3:0.3,{ease:i===this.totalImages-1?Quint.easeOut:Sine.easeOut,startAt:i===this.totalImages-1?{opacity:1,x:'-5%',y:'-10%'}:{opacity:1},opacity:i===this.totalImages-1?1:0,x:i===this.totalImages-1?'0%':null,y:i===this.totalImages-1?'0%':null,rotation:0}),i*0.02);}}
hideImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add(new TweenMax(this.DOM.revealImgs[this.totalImages-1],0.15,{ease:Sine.easeOut,opacity:0}))}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);this.DOM.letters.forEach((letter)=>{const opts=Math.round(Math.random())===0?{x:'-100%',y:'-100%',opacity:0}:{opacity:0};TweenMax.set(letter,opts);});TweenMax.to(this.DOM.letters,0.6,{ease:Expo.easeOut,x:'0%',y:'0%',opacity:1});}}
class HoverImgFx17{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.totalImages=10;let inner='';for(let i=0;i<=this.totalImages-1;++i){inner+=`<div class="tp-img-reveal-wrapper__img" style="position: absolute; background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div>`;}
this.DOM.reveal.innerHTML=inner;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealImgs=[...this.DOM.reveal.querySelectorAll('.tp-img-reveal-wrapper__img')];charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.animateLetters();this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set(this.DOM.revealImgs,{opacity:0,transformOrigin:'0% 100%'});for(let i=0;i<=this.totalImages-1;++i){TweenMax.set(this.DOM.revealImgs[i],{x:`${(this.totalImages-1-i)*15}%`,y:`${(this.totalImages-1-i)*-10}%`,rotation:`${getRandomFloat(-7,7)}deg`,scale:`${i===this.totalImages-1?1:getRandomFloat(0.2,1)}`,});this.tl.add(new TweenMax(this.DOM.revealImgs[i],i===this.totalImages-1?0.8:0.55,{ease:i===this.totalImages-1?Quint.easeOut:Quad.easeInOut,startAt:i===this.totalImages-1?{opacity:1,x:'5%',y:'-10%'}:{opacity:1},opacity:i===this.totalImages-1?1:0,x:i===this.totalImages-1?'0%':null,y:i===this.totalImages-1?'0%':null,}),i*0.06);}}
hideImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add(new TweenMax(this.DOM.revealImgs[this.totalImages-1],0.15,{ease:Sine.easeOut,opacity:0}))}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);this.DOM.letters.forEach((letter)=>{const opts=Math.round(Math.random())===0?{x:'100%',y:'-100%',opacity:0}:{opacity:0};TweenMax.set(letter,opts);});TweenMax.to(this.DOM.letters,1,{ease:Expo.easeOut,x:'0%',y:'0%',opacity:1});}}
class HoverImgFx18{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.totalImages=10;let inner='';for(let i=0;i<=this.totalImages-1;++i){inner+=`<div class="tp-img-reveal-wrapper__img" style="position: absolute; background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div>`;}
this.DOM.reveal.innerHTML=inner;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealImgs=[...this.DOM.reveal.querySelectorAll('.tp-img-reveal-wrapper__img')];this.rect=this.DOM.reveal.getBoundingClientRect();charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y-this.rect.height-20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x-this.rect.width-20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.animateLetters();this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set(this.DOM.revealImgs,{opacity:0});for(let i=0;i<=this.totalImages-1;++i){TweenMax.set(this.DOM.revealImgs[i],{x:`${(this.totalImages-1-i)*-50}%`,y:`${(this.totalImages-1-i)*-getRandomFloat(-2,2)}%`,rotation:`${i!==this.totalImages-1?getRandomFloat(-5,5):0}deg`});this.tl.add(new TweenMax(this.DOM.revealImgs[i],i===this.totalImages-1?0.4:0.55,{ease:i===this.totalImages-1?Back.easeOut:Quad.easeInOut,startAt:i===this.totalImages-1?{opacity:1,x:'-50%',y:'0%'}:{opacity:1},opacity:i===this.totalImages-1?1:0,x:i===this.totalImages-1?'0%':null,y:i===this.totalImages-1?'0%':null,}),i*0.02);}}
hideImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add(new TweenMax(this.DOM.revealImgs[this.totalImages-1],0.15,{ease:Sine.easeOut,opacity:0}))}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);this.DOM.letters.forEach((letter)=>{const opts=Math.round(Math.random())===0?{x:'-100%',opacity:0}:{opacity:0};TweenMax.set(letter,opts);});TweenMax.to(this.DOM.letters,1,{ease:Expo.easeOut,x:'0%',opacity:1});}}
class HoverImgFx19{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.totalImages=35;let inner='';for(let i=0;i<=this.totalImages-1;++i){inner+=`<div class="tp-img-reveal-wrapper__img" style="position: absolute; background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div>`;}
this.DOM.reveal.innerHTML=inner;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealImgs=[...this.DOM.reveal.querySelectorAll('.tp-img-reveal-wrapper__img')];this.rect=this.DOM.reveal.getBoundingClientRect();charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y-this.rect.height-20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x-this.rect.width-20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.animateLetters();this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set(this.DOM.revealImgs,{opacity:0,transformOrigin:'100% 100%'});for(let i=0;i<=this.totalImages-1;++i){TweenMax.set(this.DOM.revealImgs[i],{x:`${(this.totalImages-1-i)*-8}%`,y:`${(this.totalImages-1-i)*-5}%`,rotation:`${i!==this.totalImages-1?-1+3*(this.totalImages-i-1):0}deg`,scale:`${mapNumber(i,0,this.totalImages-1,0.1,1)}`});this.tl.add(new TweenMax(this.DOM.revealImgs[i],i===this.totalImages-1?0.8:0.55,{ease:i===this.totalImages-1?Back.easeOut:Quint.easeOut,startAt:i===this.totalImages-1?{opacity:1,x:'-5%',y:'-5%',rotation:-10}:{opacity:1},opacity:i===this.totalImages-1?1:0,x:i===this.totalImages-1?'0%':null,y:i===this.totalImages-1?'0%':null,rotation:i===this.totalImages-1?0:null}),i*0.01);}}
hideImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add(new TweenMax(this.DOM.revealImgs[this.totalImages-1],0.15,{ease:Sine.easeOut,opacity:0}))}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);this.DOM.letters.forEach((letter)=>{const opts=Math.round(Math.random())===0?{x:'-200%',y:'-200%',opacity:0}:{opacity:0};TweenMax.set(letter,opts);});TweenMax.to(this.DOM.letters,0.8,{ease:Expo.easeOut,x:'0%',y:'0%',opacity:1});}}
class HoverImgFx20{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.totalImages=10;let inner='';for(let i=0;i<=this.totalImages-1;++i){inner+=i===this.totalImages-1?`<div class="tp-img-reveal-wrapper__img" style="position: absolute; background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div>`:`<div class="tp-img-reveal-wrapper__img" style="filter: hue-rotate(60deg) saturate(5); position: absolute; background-image:url(${this.DOM.el.dataset.img})"></div>`;}
this.DOM.reveal.innerHTML=inner;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealImgs=[...this.DOM.reveal.querySelectorAll('.tp-img-reveal-wrapper__img')];charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.letterColor=getComputedStyle(this.DOM.el).color;this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();this.animateLetters();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set([this.DOM.revealImgs],{opacity:0});for(let i=0;i<=this.totalImages-1;++i){TweenMax.set(this.DOM.revealImgs[i],{x:i===this.totalImages-1?'0%':`${getRandomFloat(-5,5)}%`,y:i===this.totalImages-1?'0%':`${getRandomFloat(-5,5)}%`});this.tl.add(new TweenMax(this.DOM.revealImgs[i],0.25,{ease:Quad.easeOut,startAt:{opacity:1},opacity:i===this.totalImages-1?1:0}),i*0.04);}}
hideImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add(new TweenMax(this.DOM.revealImgs[this.totalImages-1],0.15,{ease:Sine.easeOut,opacity:0}))}
animateLetters(){const setColor=letter=>TweenMax.set(letter,{color:['#fff','#0ff','#f0f'][parseInt(getRandomFloat(0,3))],opacity:Math.round(Math.random())===0?1:0});this.DOM.letters.forEach((letter)=>{TweenMax.to(letter,0.1,{ease:Expo.easeOut,onStart:()=>setColor(letter),onRepeat:()=>setColor(letter),startAt:{x:`${getRandomFloat(-50,50)}%`,y:`${getRandomFloat(-50,50)}%`},x:'0%',y:'0%',repeat:3,onComplete:()=>TweenMax.set(letter,{color:this.letterColor,opacity:1}),});});}}
class HoverImgFx21{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.totalImages=15;let inner='';for(let i=0;i<=this.totalImages-1;++i){inner+=i===this.totalImages-1?`<div class="tp-img-reveal-wrapper__img" style="position: absolute; background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div>`:`<div class="tp-img-reveal-wrapper__img" style="filter: hue-rotate(90deg) saturate(9); position: absolute; background-image:url(${this.DOM.el.dataset.img})"></div>`;}
this.DOM.reveal.innerHTML=inner;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealImgs=[...this.DOM.reveal.querySelectorAll('.tp-img-reveal-wrapper__img')];this.rect=this.DOM.reveal.getBoundingClientRect();charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.letterColor=getComputedStyle(this.DOM.el).color;this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y-this.rect.height-20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.animateLetters();this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set(this.DOM.revealImgs,{opacity:0});for(let i=0;i<=this.totalImages-1;++i){TweenMax.set(this.DOM.revealImgs[i],{x:`${i!==this.totalImages-1?getRandomFloat(-45,45):0}%`,y:`${i!==this.totalImages-1?getRandomFloat(-45,45):0}%`,rotation:`${i!==this.totalImages-1?getRandomFloat(-10,10):0}`,scale:`${i!==this.totalImages-1?getRandomFloat(0.1,1.2):0.9}`});this.tl.add(new TweenMax(this.DOM.revealImgs[i],0.5,{ease:Quint.easeOut,startAt:i===this.totalImages-1?{opacity:1,x:'0%',y:'0%'}:{opacity:1},opacity:i===this.totalImages-1?1:0,x:i===this.totalImages-1?'0%':null,y:i===this.totalImages-1?'0%':null,scale:i===this.totalImages-1?1:null}),i*0.02);}}
hideImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add(new TweenMax(this.DOM.revealImgs[this.totalImages-1],0.15,{ease:Sine.easeOut,opacity:0}))}
animateLetters(){const setColor=letter=>TweenMax.set(letter,{color:['#fff','#0ff','#f0f'][parseInt(getRandomFloat(0,3))],opacity:Math.round(Math.random())===0?1:0});this.DOM.letters.forEach((letter)=>{TweenMax.to(letter,0.1,{ease:Expo.easeOut,onStart:()=>setColor(letter),onRepeat:()=>setColor(letter),startAt:{x:`${getRandomFloat(-50,50)}%`,y:`${getRandomFloat(-50,50)}%`},x:'0%',y:'0%',repeat:3,onComplete:()=>TweenMax.set(letter,{color:this.letterColor,opacity:1}),});});}}
class HoverImgFx22{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.DOM.reveal.innerHTML=`<div class="tp-img-reveal-wrapper__img" style="background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div>`;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealImg=this.DOM.reveal.querySelector('.tp-img-reveal-wrapper__img');this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y+20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x+20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealImg);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).add('begin').set(this.DOM.revealImg,{transformOrigin:'95% 50%',x:'100%'}).add(new TweenMax(this.DOM.revealImg,0.2,{ease:Sine.easeOut,startAt:{scaleX:0.5,scaleY:1},scaleX:1.5,scaleY:0.7}),'begin').add(new TweenMax(this.DOM.revealImg,0.8,{ease:Expo.easeOut,startAt:{rotation:10,y:'5%',opacity:0},rotation:0,y:'0%',opacity:1}),'begin').set(this.DOM.revealImg,{transformOrigin:'0% 50%'}).add(new TweenMax(this.DOM.revealImg,0.6,{ease:Expo.easeOut,scaleX:1,scaleY:1,opacity:1}),'begin+=0.2').add(new TweenMax(this.DOM.revealImg,0.6,{ease:Expo.easeOut,x:'0%'}),'begin+=0.2')}
hideImage(){TweenMax.killTweensOf(this.DOM.revealImg);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add('begin').add(new TweenMax(this.DOM.revealImg,0.2,{ease:Sine.easeOut,opacity:0,x:'-20%'}),'begin');}}
class HoverImgFx23{constructor(el){this.DOM={el:el};this.DOM.reveal=document.createElement('div');this.DOM.reveal.className='tp-img-reveal-wrapper';this.totalImages=15;let inner='';for(let i=0;i<=this.totalImages-1;++i){inner+=`<div class="tp-img-reveal-wrapper__img" style="position: absolute; background-image:url(${this.DOM.el.dataset.img})"><span class="tp-hover-subtitle">${this.DOM.el.dataset.subtitle?this.DOM.el.dataset.subtitle:''}</span> <h3 class="tp-hover-title">${this.DOM.el.dataset.title?this.DOM.el.dataset.title:''}</h3><p class="tp-hover-desc">${this.DOM.el.dataset.desc?this.DOM.el.dataset.desc:''}</p></div>`;}
this.DOM.reveal.innerHTML=inner;this.DOM.el.appendChild(this.DOM.reveal);this.DOM.revealImgs=[...this.DOM.reveal.querySelectorAll('.tp-img-reveal-wrapper__img')];this.rect=this.DOM.reveal.getBoundingClientRect();charming(this.DOM.el);this.DOM.letters=[...this.DOM.el.querySelectorAll('span')];this.initEvents();}
initEvents(){this.positionElement=(ev)=>{const mousePos=getMousePos(ev);const docScrolls={left:document.body.scrollLeft+document.documentElement.scrollLeft,top:document.body.scrollTop+document.documentElement.scrollTop};this.DOM.reveal.style.top=`${mousePos.y-this.rect.height-20-docScrolls.top}px`;this.DOM.reveal.style.left=`${mousePos.x-this.rect.width-20-docScrolls.left}px`;};this.mouseenterFn=(ev)=>{this.positionElement(ev);this.animateLetters();this.showImage();};this.mousemoveFn=ev=>requestAnimationFrame(()=>{this.positionElement(ev);});this.mouseleaveFn=()=>{this.hideImage();};this.DOM.el.addEventListener('mouseenter',this.mouseenterFn);this.DOM.el.addEventListener('mousemove',this.mousemoveFn);this.DOM.el.addEventListener('mouseleave',this.mouseleaveFn);}
showImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{this.DOM.reveal.style.opacity=1;TweenMax.set(this.DOM.el,{zIndex:1000});}}).set(this.DOM.revealImgs,{opacity:0});for(let i=0;i<=this.totalImages-1;++i){TweenMax.set(this.DOM.revealImgs[i],{x:`${i*getRandomFloat(-10,10)}%`,y:`${i*getRandomFloat(-15,15)}%`,rotation:`${i!==this.totalImages-1?getRandomFloat(-7,7):0}deg`,scale:`${getRandomFloat(0.1,0.5)}`});this.tl.add(new TweenMax(this.DOM.revealImgs[i],i===this.totalImages-1?0.8:0.5,{ease:i===this.totalImages-1?Expo.easeOut:Quint.easeOut,startAt:i===this.totalImages-1?{opacity:1,x:'0%',y:'-10%'}:{opacity:1},opacity:i===this.totalImages-1?1:0,x:i===this.totalImages-1?'0%':null,y:i===this.totalImages-1?'0%':null,scale:i===this.totalImages-1?1:0.6}),i*0.04);}}
hideImage(){TweenMax.killTweensOf(this.DOM.revealImgs);this.tl=new TimelineMax({onStart:()=>{TweenMax.set(this.DOM.el,{zIndex:999});},onComplete:()=>{TweenMax.set(this.DOM.el,{zIndex:''});TweenMax.set(this.DOM.reveal,{opacity:0});}}).add(new TweenMax(this.DOM.revealImgs[this.totalImages-1],0.15,{ease:Sine.easeOut,opacity:0}))}
animateLetters(){TweenMax.killTweensOf(this.DOM.letters);this.DOM.letters.forEach((letter)=>{const opts=Math.round(Math.random())===0?{scale:0,opacity:0}:{opacity:0};TweenMax.set(letter,opts);});TweenMax.to(this.DOM.letters,1,{ease:Expo.easeOut,scale:1,opacity:1});}}
[...document.querySelectorAll('[data-fx="pt1"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="pt1"]')].forEach(link=>new HoverPTCard1(link));[...document.querySelectorAll('[data-fx="1"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="1"]')].forEach(link=>new HoverImgFx1(link));[...document.querySelectorAll('[data-fx="2"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="2"]')].forEach(link=>new HoverImgFx2(link));[...document.querySelectorAll('[data-fx="3"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="3"]')].forEach(link=>new HoverImgFx3(link));[...document.querySelectorAll('[data-fx="4"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="4"]')].forEach(link=>new HoverImgFx4(link));[...document.querySelectorAll('[data-fx="5"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="5"]')].forEach(link=>new HoverImgFx5(link));[...document.querySelectorAll('[data-fx="6"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="6"]')].forEach(link=>new HoverImgFx6(link));[...document.querySelectorAll('[data-fx="7"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="7"]')].forEach(link=>new HoverImgFx7(link));[...document.querySelectorAll('[data-fx="8"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="8"]')].forEach(link=>new HoverImgFx8(link));[...document.querySelectorAll('[data-fx="9"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="9"]')].forEach(link=>new HoverImgFx9(link));[...document.querySelectorAll('[data-fx="10"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="10"]')].forEach(link=>new HoverImgFx10(link));[...document.querySelectorAll('[data-fx="11"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="11"]')].forEach(link=>new HoverImgFx11(link));[...document.querySelectorAll('[data-fx="12"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="12"]')].forEach(link=>new HoverImgFx12(link));[...document.querySelectorAll('[data-fx="13"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="13"]')].forEach(link=>new HoverImgFx13(link));[...document.querySelectorAll('[data-fx="14"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="14"]')].forEach(link=>new HoverImgFx14(link));[...document.querySelectorAll('[data-fx="15"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="15"]')].forEach(link=>new HoverImgFx15(link));[...document.querySelectorAll('[data-fx="16"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="16"]')].forEach(link=>new HoverImgFx16(link));[...document.querySelectorAll('[data-fx="17"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="17"]')].forEach(link=>new HoverImgFx17(link));[...document.querySelectorAll('[data-fx="18"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="18"]')].forEach(link=>new HoverImgFx18(link));[...document.querySelectorAll('[data-fx="19"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="19"]')].forEach(link=>new HoverImgFx19(link));[...document.querySelectorAll('[data-fx="20"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="20"]')].forEach(link=>new HoverImgFx20(link));[...document.querySelectorAll('[data-fx="21"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="21"]')].forEach(link=>new HoverImgFx21(link));[...document.querySelectorAll('[data-fx="22"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="22"]')].forEach(link=>new HoverImgFx22(link));[...document.querySelectorAll('[data-fx="23"] > .tp-img-reveal-item, .tp-img-reveal-item[data-fx="23"]')].forEach(link=>new HoverImgFx23(link));const contentel=document.querySelector('.content');[...document.querySelectorAll('.block__title, .block__link, .content__text-link')].forEach((el)=>{const imgsArr=el.dataset.img.split(',');const imgsSubtitle=el.dataset.subtitle.split(',');const imgsTitle=el.dataset.title.split(',');const imgsDesc=el.dataset.desc.split(',');const metaDate=el.dataset.metaDate.split(',');const metaDateLink=el.dataset.metaDateLink.split(',');const metaAuthor=el.dataset.metaAuthor.split(',');const metaAuthorLink=el.dataset.metaAuthorLink.split(',');const metaTag=el.dataset.metaTag.split(',');const metaTagLink=el.dataset.metaTagLink.split(',');for(let i=0,len=imgsArr.length;i<=len-1;++i){const imgel=document.createElement('img');imgel.style.visibility='hidden';imgel.style.width=0;imgel.src=imgsArr[i];imgel.className='preload';contentel.appendChild(imgel);}});}