https://www.gdata.nl/typo3conf/ext/gd_sites/Resources/Public/JavaScript/award-grid.js?1790250842

1function GdAwardDetails(){var t=this;this.init=function(e){t.DOM={},t.detailsTmpl='<div class="details__bg details__bg--up"></div> <div class="details__bg details__bg--down"></div> <img class="details__img" src="" alt="img 01"/> <p class="details__title"></p> <p class="details__subtitle"></p><div class="details__description"></div> <button class="button large primary details__addtocart"></button> <a href="#" class="details__close"><i class="icon-checkbox-close"></i></a>',t.DOM.details=document.createElement("div"),t.DOM.details.className="details",t.DOM.details.innerHTML=t.detailsTmpl,window.DOM.contents[e].appendChild(t.DOM.details),t.DOM.bgUp=t.DOM.details.querySelector(".details__bg--up"),t.DOM.bgDown=t.DOM.details.querySelector(".details__bg--down"),t.DOM.img=t.DOM.details.querySelector(".details__img"),t.DOM.title=t.DOM.details.querySelector(".details__title"),t.DOM.subtitle=t.DOM.details.querySelector(".details__subtitle"),t.DOM.description=t.DOM.details.querySelector(".details__description"),t.DOM.cart=t.DOM.details.querySelector(".details__addtocart"),t.DOM.close=t.DOM.details.querySelector(".details__close"),t.DOM.linktitle=t.DOM.details.querySelector(".details__addtocart"),t.initEvents()},this.close=function(){if(t.isAnimating)return!1;t.isAnimating=!0,t.DOM.details.classList.remove("details--open"),anime({targets:t.DOM.close,duration:250,easing:"easeOutSine",translateY:"100%",opacity:0}

1),anime({targets:t.DOM.bgUp,duration:100,easing:"linear",opacity:0}),anime({targets:[t.DOM.title,t.DOM.subtitle,t.DOM.description,t.DOM.cart],duration:20,easing:"linear",opacity:0});var e=t.getawardDetailsRect();anime({targets:[t.DOM.bgDown,t.DOM.img],duration:250,easing:"easeOutSine",translateX:function(t,i){return i?e.awardImgRect.left-e.detailsImgRect.left:e.awardBgRect.left-e.detailsBgRect.left},translateY:function(t,i){return i?e.awardImgRect.top-e.detailsImgRect.top:e.awardBgRect.top-e.detailsBgRect.top},scaleX:function(t,i){return i?e.awardImgRect.width/e.detailsImgRect.width:e.awardBgRect.width/e.detailsBgRect.width},scaleY:function(t,i){return i?e.awardImgRect.height/e.detailsImgRect.height:e.awardBgRect.height/e.detailsBgRect.height},complete:function(){t.DOM.bgDown.style.opacity=0,t.DOM.img.style.opacity=0,t.DOM.bgDown.style.transform="none",t.DOM.img.style.transform="none",t.DOM.awardBg.style.opacity=1,t.DOM.awardImg.style.opacity=1,t.isAnimating=!1}})},this.initEvents=function(){t.DOM.close.addEventListener("click",(function(e){e.preventDefault(),t.isZoomed?t.zoomOut():t.close()}))},this.fill=function(e){t.DOM.img.src=e.img,t.DOM.img.srcset=e.imgSet,t.DOM.title.innerHTML=e.title,t.DOM.subtitle.innerHTML=e.subtitle,t.DOM.description.innerHTML=e.description,t.DOM.linktitle.innerHTML=e.linktitle},this.getawardDetailsRect=function(){return{awardBgRect:t.DOM.awardBg.getBoundingClientRect(),detailsBgRect:t.DOM.bgDown.getBoundingClientRect(),awardImgRect:t.DOM.awardImg.getBoundingClientRect(),detailsImgRect:t.DOM.img.getBoundingClientRect()}},this.open=function(e){if(t.isAnimating)return!1;t.isAnimating=!0,t.DOM.details.classList.add("details--open"),t.DOM.awardBg=e.awardBg,t.DOM.awardImg=e.awardImg,t.DOM.awardBg.style.opacity=0,t.DOM.awardImg.style.opacity=0;const i=t.getawardDetailsRect();t.DOM.bgDown.style.transform="translateX("+(i.awardBgRect.left-i.detailsBgRect.left)+"px) translateY("+(i.awardBgRect.top-i.detailsBgRect.top)+"px) scaleX("+i.awardBgRect.width/i.detailsBgRect.width+") scaleY("+i.awardBgRect.height/i.detailsBgRect.height+")",t.DOM.bgDown.style.opacity=1,t.DOM.img.style.transform="translateX("+(i.awardImgRect.left-i.detailsImgRect.left)+"px) translateY("+(i.awardImgRect.top-i.detailsImgRect.top)+"px) scaleX("+i.awardImgRect.width/i.detailsImgRect.width+") scaleY("+i.awardImgRect.height/i.detailsImgRect.height+")",t.DOM.img.style.opacity=1,anime({targets:[t.DOM.bgDown,t.DOM.img],duration:function(t,e){return e?800:250},easing:function(t,e){return e?"easeOutElastic":"easeOutSine"},elasticity:250,translateX:0,translateY:0,scaleX:1,scaleY:1,complete:function(){t.isAnimating=!1}}),anime({targets:[t.DOM.title,t.DOM.subtitle,t.DOM.description,t.DOM.cart],duration:600,easing:"easeOutExpo",delay:function(t,e){return 60*e},translateY:function(t,e,i){return e!==i-1?[50,0]:0},scale:function(t,e,i){return e===i-1?[0,1]:1},opacity:1}),anime({targets:t.DOM.bgUp,duration:100,easing:"linear",opacity:1}),anime({targets:t.DOM.close,duration:250,easing:"easeOutSine",translateY:["100%",0],opacity:1})},this.zoomIn=function(){t.isZoomed=!0,anime({targets:[t.DOM.title,t.DOM.subtitle,t.DOM.description,t.DOM.cart],duration:100,easing:"easeOutSine",translateY:function(t,e,i){return e!==i-1?[0,0===e||1===e?-50:50]:0},scale:function(t,e,i){return e===i-1?[1,0]:1},opacity:0});const e=t.DOM.img.getBoundingClientRect(),i={w:window.innerWidth,h:window.innerHeight},a={targets:t.DOM.img,duration:250,easing:"easeOutCubic",translateX:i.w/2-(e.left+e.width/2),translateY:i.h/2-(e.top+e.height/2)};i.w>.8*i.h&&(t.DOM.img.style.transformOrigin="50% 50%",Object.assign(a,{scaleX:.95*i.w/parseInt(.8*i.h),scaleY:.95*i.w/parseInt(.8*i.h),rotate:90})),anime(a),anime({targets:t.DOM.close,duration:250,easing:"easeInOutCubic",scale:1.8,rotate:180})},this.zoomOut=function(){if(t.isAnimating)return!1;t.isAnimating=!0,t.isZoomed=!1,anime({targets:[t.DOM.title,t.DOM.subtitle,t.DOM.description,t.DOM.cart],duration:250,easing:"easeOutCubic",translateY:0,scale:1,opacity:1}),anime({targets:t.DOM.img,duration:250,easing:"easeOutCubic",translateX:0,translateY:0,scaleX:1,scaleY:1,rotate:0,complete:function(){t.DOM.img.style.transformOrigin="0 0",t.isAnimating=!1}}),anime({targets:t.DOM.close,duration:250,easing:"easeInOutCubic",scale:1,rotate:0})}}function GdAwardItem(){var t=this;this.constructor=function(e,i){return t.gridId=i,t.DOM={},t.DOM.el=e,t.DOM.award=t.DOM.el.querySelector(".award"),t.DOM.awardBg=t.DOM.award.querySelector(".award__bg"),t.DOM.awardImg=t.DOM.award.querySelector(".award__img"),t.info={img:t.DOM.awardImg.src,imgSet:t.DOM.awardImg.srcset,title:t.DOM.award.querySelector(".award__title").innerHTML,subtitle:t.DOM.award.querySelector(".award__subtitle").innerHTML,description:t.DOM.award.querySelector(".award__description").innerHTML,linktitle:t.DOM.award.querySelector(".award__linktitle").innerHTML},t.initEvents(),this},this.initEvents=function(){t.DOM.award.addEventListener("click",(function(){t.open()}))}

1,this.open=function(){window.DOM.AwardDetails[t.gridId].fill(t.info),window.DOM.AwardDetails[t.gridId].open({awardBg:t.DOM.awardBg,awardImg:t.DOM.awardImg})}}$((function(){$(".award-grid.variant-2").each((function(t){var e=parseInt($(this).attr("data-grid"));window.DOM=window.DOM||{},window.DOM.grids=window.DOM.grids||[],window.DOM.grids[e]=document.querySelector('.award-grid[data-grid="'+e+'"] .inner'),window.DOM.contents=window.DOM.contents||[],window.DOM.contents[e]=DOM.grids[e].parentNode,window.DOM.gridItems=window.DOM.gridItems||[],window.DOM.gridItems[e]=Array.from(window.DOM.grids[e].querySelectorAll(".grid-item")),window.AwardItems=window.AwardItems||[],window.AwardItems[e]=[],window.DOM.gridItems[e].forEach((function(t){var i=new GdAwardItem;window.AwardItems[e].push(i.constructor(t,e))})),window.DOM.AwardDetails=window.DOM.AwardDetails||[],window.DOM.AwardDetails[e]=new GdAwardDetails,window.DOM.AwardDetails[e].init(e)})),document.querySelectorAll(".award-grid.variant-1 .grid-item, .award-grid.variant-3 .grid-item").forEach((function(t){t.addEventListener("touchend",(function(e){e.preventDefault(),t.classList.toggle("touch")}),!1)}))})),$(window).on("load",(function(){$(".award-grid.variant-3 .grid-item img").each((function(){var t=$(this).parents(".tile-content"),e=-1,i=-1,a=this.width,n=this.height,r=document.createElement("canvas");r.setAttribute("width",a),r.setAttribute("height",n);var s=r.getContext("2d");s.drawImage(this,0,0,a,n);var d=r.getContext("2d");for(let t=0;t<n;t++)if(-1==e)for(let n=0;n<a;n++)0!=d.getImageData(n,t,1,1).data[3]&&(e=n,i=t);var l=$(this).offset(),o=t.offset(),c={y:l.top-o.top+i,x:l.left-o.left+e},g={y:c.y/t.height()*100,x:c.x/t.width()*100};$(this).next(".twinkle").css({top:"calc("+g.y+"% + 30px)",left:"calc("+g.x+"% + 30px)"})})),$("#alpaka-awardsection-parallax-container").length>0&&GdWebsite.Functions.registerOnScrollHook((function(){let t=document.getElementById("alpaka-awardsection-parallax-container"),e=t.getElementsByTagName("div");var i=t.getBoundingClientRect(),a=Math.abs(i.top+530);a>1300&&(a=1300),a<0&&(a=0),e[0].style.transform="translateY(-"+a/10+"px)",e[1].style.transform="translateY(-"+a/5+"px)"}))}));