(function(window){'use strict';function debounce(func,wait,immediate){var timeout;return function(){var context=this,args=arguments;var later=function(){timeout=null;if(!immediate)func.apply(context,args)};var callNow=immediate&&!timeout;clearTimeout(timeout);timeout=setTimeout(later,wait);if(callNow)func.apply(context,args)}};function getMousePos(e){var posx=0;var posy=0;if(!e)var 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}}
var DOM={};DOM.loader=document.querySelector('.overlay--loader');DOM.scroller=document.querySelector('.container-wrap > .scroller');DOM.rooms=[].slice.call(DOM.scroller.querySelectorAll('.room'));DOM.content=document.querySelector('.content');DOM.nav={leftCtrl:DOM.content.querySelector('nav > .btn--nav-left'),rightCtrl:DOM.content.querySelector('nav > .btn--nav-right')};DOM.slides=[].slice.call(DOM.content.querySelectorAll('.slides > .slide'));DOM.menuCtrl=DOM.content.querySelector('.btn--menu');DOM.menuOverlay=DOM.content.querySelector('.overlay--menu');DOM.infoCtrl=DOM.content.querySelector('.btn--info');DOM.infoOverlay=DOM.content.querySelector('.overlay--info');var currentRoom=0,totalRooms=DOM.rooms.length,initTransform={translateX:0,translateY:0,translateZ:'500px',rotateX:0,rotateY:0,rotateZ:0},resetTransform={translateX:0,translateY:0,translateZ:0,rotateX:0,rotateY:0,rotateZ:0},menuTransform={translateX:0,translateY:'150%',translateZ:0,rotateX:'15deg',rotateY:0,rotateZ:0},menuTransform={translateX:0,translateY:'50%',translateZ:0,rotateX:'-10deg',rotateY:0,rotateZ:0},infoTransform={translateX:0,translateY:0,translateZ:'200px',rotateX:'2deg',rotateY:0,rotateZ:'4deg'},initTransition={speed:'0.9s',easing:'ease'},roomTransition={speed:'0.4s',easing:'ease'},menuTransition={speed:'1.5s',easing:'cubic-bezier(0.2,1,0.3,1)'},infoTransition={speed:'15s',easing:'cubic-bezier(0.3,1,0.3,1)'},tiltTransition={speed:'0.2s',easing:'ease-out'},tilt=!1,tiltRotation={rotateX:1,rotateY:-3},onEndTransition=function(el,callback){var onEndCallbackFn=function(ev){this.removeEventListener('transitionend',onEndCallbackFn);if(callback&&typeof callback==='function'){callback.call()}};el.addEventListener('transitionend',onEndCallbackFn)},win={width:window.innerWidth,height:window.innerHeight},isMoving,isNavigating;function init(){move({transition:initTransition,transform:initTransform}).then(function(){initTilt()});showSlide(100);initEvents()}
function initTilt(){applyRoomTransition(tiltTransition);tilt=!0}
function removeTilt(){tilt=!1}
function move(opts){return new Promise(function(resolve,reject){if(isMoving&&!opts.stopTransition){return!1}
isMoving=!0;if(opts.transition){applyRoomTransition(opts.transition)}
if(opts.transform){applyRoomTransform(opts.transform);var onEndFn=function(){isMoving=!1;resolve()};onEndTransition(DOM.scroller,onEndFn)}else{resolve()}})}
function initEvents(){var onMouseMoveFn=function(ev){requestAnimationFrame(function(){if(!tilt)return!1;var mousepos=getMousePos(ev),rotX=tiltRotation.rotateX?initTransform.rotateX-(2*tiltRotation.rotateX/win.height*mousepos.y-tiltRotation.rotateX):0,rotY=tiltRotation.rotateY?initTransform.rotateY-(2*tiltRotation.rotateY/win.width*mousepos.x-tiltRotation.rotateY):0;applyRoomTransform({'translateX':initTransform.translateX,'translateY':initTransform.translateY,'translateZ':initTransform.translateZ,'rotateX':rotX+'deg','rotateY':rotY+'deg','rotateZ':initTransform.rotateZ})})},debounceResizeFn=debounce(function(){win={width:window.innerWidth,height:window.innerHeight}},10);document.addEventListener('mousemove',onMouseMoveFn);window.addEventListener('resize',debounceResizeFn);var onNavigatePrevFn=function(){navigate('prev')},onNavigateNextFn=function(){navigate('next')};DOM.nav.leftCtrl.addEventListener('click',onNavigatePrevFn);DOM.nav.rightCtrl.addEventListener('click',onNavigateNextFn)}
function applyRoomTransform(transform){DOM.scroller.style.transform='translate3d('+transform.translateX+', '+transform.translateY+', '+transform.translateZ+') '+'rotate3d(1,0,0,'+transform.rotateX+') rotate3d(0,1,0,'+transform.rotateY+') rotate3d(0,0,1,'+transform.rotateZ+')'}
function applyRoomTransition(transition){DOM.scroller.style.transition=transition==='none'?transition:'transform '+transition.speed+' '+transition.easing}
function toggleSlide(dir,delay){var slide=DOM.slides[currentRoom],name=slide.querySelector('.slide__name'),cat=slide.querySelector('.cat'),title=slide.querySelector('.slide__title'),date=slide.querySelector('.slide__date');delay=delay!==undefined?delay:0;anime.remove([cat,name,title,date]);var animeOpts={targets:[cat,name,title,date],duration:dir==='in'?400:400,delay:function(t,i,c){return delay+75+i*75},easing:[0.25,0.1,0.25,1],opacity:{value:dir==='in'?[0,1]:[1,0],duration:dir==='in'?550:250},translateY:function(t,i){return dir==='in'?[150,0]:[0,-150]}};if(dir==='in'){animeOpts.begin=function(){slide.classList.add('slide--current')}}else{animeOpts.complete=function(){slide.classList.remove('slide--current')}}
anime(animeOpts)}
function showSlide(delay){toggleSlide('in',delay)}
function hideSlide(delay){toggleSlide('out',delay)}
function navigate(dir){if(isMoving||isNavigating){return!1}
isNavigating=!0;var room=DOM.rooms[currentRoom];removeTilt();hideSlide();if(dir==='next'){currentRoom=currentRoom<totalRooms-1?currentRoom+1:0}else{currentRoom=currentRoom>0?currentRoom-1:totalRooms-1}
var nextRoom=DOM.rooms[currentRoom];nextRoom.style.transform='translate3d('+(dir==='next'?100:-100)+'%,0,0) translate3d('+(dir==='next'?1:-1)+'px,0,0)';nextRoom.style.opacity=1;move({transition:roomTransition,transform:resetTransform}).then(function(){return move({transform:{translateX:(dir==='next'?-100:100)+'%',translateY:0,translateZ:0,rotateX:0,rotateY:0,rotateZ:0}})}).then(function(){nextRoom.classList.add('room--current');room.classList.remove('room--current');room.style.opacity=0;showSlide();return move({transform:{translateX:(dir==='next'?-100:100)+'%',translateY:0,translateZ:'500px',rotateX:0,rotateY:0,rotateZ:0}})}).then(function(){applyRoomTransition('none');nextRoom.style.transform='translate3d(0,0,0)';applyRoomTransform(initTransform);setTimeout(function(){initTilt()},60);isNavigating=!1})}
function addAdjacentRooms(){var room=DOM.rooms[currentRoom],nextRoom=DOM.rooms[currentRoom<totalRooms-1?currentRoom+1:0],prevRoom=DOM.rooms[currentRoom>0?currentRoom-1:totalRooms-1];nextRoom.style.transform='translate3d(100%,0,0) translate3d(3px,0,0)';nextRoom.style.opacity=1;prevRoom.style.transform='translate3d(-100%,0,0) translate3d(-3px,0,0)';prevRoom.style.opacity=1}
function removeAdjacentRooms(){var room=DOM.rooms[currentRoom],nextRoom=DOM.rooms[currentRoom<totalRooms-1?currentRoom+1:0],prevRoom=DOM.rooms[currentRoom>0?currentRoom-1:totalRooms-1];nextRoom.style.transform='none';nextRoom.style.opacity=0;prevRoom.style.transform='none';prevRoom.style.opacity=0}
function toggleInfo(){if(isNavigating){return!1}
if(DOM.infoCtrl.classList.contains('btn--active')){closeInfo()}else{showInfo()}}
function showInfo(){DOM.infoCtrl.classList.add('btn--active');removeTilt();hideSlide();applyRoomTransition(infoTransition);move({transform:infoTransform,stopTransition:!0});var photos=DOM.rooms[currentRoom].querySelectorAll('.room__img');anime.remove(photos);anime({targets:photos,duration:function(){return anime.random(15000,30000)},easing:[0.3,1,0.3,1],translateY:function(){return anime.random(-50,50)},rotateX:function(){return anime.random(-2,2)},rotateZ:function(){return anime.random(-5,5)},translateZ:function(){return[10,anime.random(50,win.width/3)]}});anime.remove([DOM.infoOverlay,DOM.infoText]);var animeInfoOpts={targets:[DOM.infoOverlay,DOM.infoText],duration:1500,delay:function(t,i){return!i?0:150},easing:[0.25,0.1,0.25,1],opacity:[0,1],translateY:function(t,i){return!i?0:[30,0]},begin:function(){DOM.infoOverlay.classList.add('overlay--active')}};anime(animeInfoOpts)}
function closeInfo(){DOM.infoCtrl.classList.remove('btn--active');applyRoomTransition(roomTransition);showSlide(100);move({transform:initTransform,stopTransition:!0}).then(function(){initTilt()});var photos=DOM.rooms[currentRoom].querySelectorAll('.room__img');anime.remove(photos);anime({targets:photos,duration:400,easing:[0.3,1,0.3,1],translateY:0,rotateX:0,rotateZ:0,translateZ:10});anime.remove([DOM.infoOverlay,DOM.infoText]);var animeInfoOpts={targets:[DOM.infoOverlay,DOM.infoText],duration:400,easing:[0.25,0.1,0.25,1],opacity:[1,0],translateY:function(t,i){return!i?0:[0,30]},complete:function(){DOM.infoOverlay.classList.remove('overlay--active')}};anime(animeInfoOpts)}
imagesLoaded(DOM.scroller,function(){var extradelay=1000;anime({targets:DOM.loader,duration:600,easing:'easeInOutCubic',delay:extradelay,translateY:'-100%',begin:function(){init()},complete:function(){DOM.loader.classList.remove('overlay--active')}})})})(window)