/** * version 1.8 */ $(document).ready(function($) { // get various widths and heights var windowOuterHeight = $(window).outerHeight(true); var windowOuterWidth = $(window).outerWidth(true); var windowHeight = $(window).innerHeight(); var windowWidth = $(window).innerWidth(); var screenHeight = screen.height; var screenWidth = screen.width; function portraitWidth() { if (screenHeight < screenWidth) { return screenHeight; } else { return screenWidth; } } function portraitHeight() { if (screenHeight > screenWidth) { return screenHeight; } else { return screenWidth; } } var screenRatio = portraitWidth()/portraitHeight(); // set variable for final barbarian landing. var bottomDistance = 314; // vertically center jobs and mission copy function jumpDown() { $('#games .copy').css({ 'top' : (windowHeight - 150)/2, 'margin-top' : -$('#games .copy').height()/2+$('nav li a').height()*2 }); $('#mission .copy').css({ 'top' : (windowHeight - 150)/2, 'margin-top' : -$('#mission .copy').height()/2+$('nav li a').height()*2 }); $('#jobs .copy').css({ 'top' : (windowHeight - 150)/2, 'margin-top' : -$('#jobs .copy').height()/2+$('nav li a').height()*2 }); $('#news-section .copy').css({ 'top' : (windowHeight - 150)/2, 'margin-top' : -$('#news-section .copy').height()/2+$('nav li a').height()*2 }); }; jumpDown(); // get footer height and adjust positioning var footerHeight = $('footer').outerHeight(); function hideFooter() { $('footer').css({ 'bottom' : -footerHeight }); } hideFooter(); // adjust pixel density for Android browser var nua = navigator.userAgent; var is_android = ((nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android') > -1 && nua.indexOf('AppleWebKit') > -1) && !(nua.indexOf('Chrome') > -1)); function androidViewport() { if (is_android) { $("#viewport").attr("content", "target-densitydpi=device-dpi"); } } androidViewport(); function viewportChange() { if (windowHeight < windowWidth) { // landscape view $("#viewport").attr("content", "width="+800/screenRatio+", initial-scale="+portraitHeight()/(800/screenRatio)+", minimum-scale="+portraitHeight()/(800/screenRatio)+", maximum-scale="+portraitHeight()/(800/screenRatio)+", user-scalable=yes"); if (navigator.userAgent.match(/(iPod|iPhone)/)) {bottomDistance = 414;} } else { // portrait view if (portraitWidth() >= 481) { $("#viewport").attr("content", "width=700, initial-scale="+portraitWidth()/700+", minimum-scale="+portraitWidth()/700+", maximum-scale="+portraitWidth()/700+", user-scalable=yes"); } else { $("#viewport").attr("content", "width="+1050*screenRatio+", initial-scale="+windowWidth/(1050*screenRatio)+", minimum-scale="+windowWidth/(1050*screenRatio)+", maximum-scale="+windowWidth/(1050*screenRatio)+", user-scalable=yes"); } if (navigator.userAgent.match(/(iPod|iPhone)/)) {bottomDistance = 314;} } // reset measurements windowOuterHeight = $(window).outerHeight(); windowHeight = $(window).innerHeight(); screenHeight = screen.height; jumpDown(); hideFooter(); $('html').fadeTo( "fast", 1 ); } viewportChange(); // due to inconsistent re-measurement issues on switch, refresh page $(window).on("orientationchange",function(){ $('html').css( "display", "none" ); location.reload(); }); // reset measurements for other screen changes $(window).resize(function() { //prevent flicker of alert message when turning to too-short landscape $('html').removeClass('landscape'); // reset measurements windowOuterHeight = $(window).outerHeight(); windowHeight = $(window).innerHeight(); screenHeight = screen.height; jumpDown(); hideFooter(); }) function heightAlert() { if (windowHeight < windowWidth) { // landscape view if ( (($('#mission .copy').height()+100)*2 > $('#section0').height()) ) { $('html').addClass('landscape'); } else if (navigator.userAgent.match(/(iPhone|iPod touch);.*CPU.*OS 7_\d/i)) { $('html').addClass('landscape ios7'); } else { $('html').removeClass('landscape'); } } } // fullpage.js $('#fullpage').fullpage({ //'normalScrollElements': '.featherlight', //'normalScrollElementTouchThreshold': 7, 'verticalCentered': false, 'css3': true, 'navigation': true, 'navigationPosition': 'right', 'navigationTooltips': ['HOME','GAMES', 'ABOUT', 'JOBS', 'NEWS', 'CONTACT'], 'anchors': ['Home','GameLibrary', 'About', 'Careers', 'News', 'Contact'], 'afterRender': function(){ heightAlert(); }, 'afterLoad': function(anchorLink, index){ if(index == 2){ $('#games, #mission, #jobs, #news, #contact').addClass('active'); } }, 'onLeave': function(index, nextIndex, direction){ var gamesCopy = $("#games .copy"); var missionCopy = $("#mission .copy"); var jobsCopy = $("#jobs .copy"); var newsCopy = $("#news-section .copy"); var footerHeight = $('footer').outerHeight(); var jumpSectionOne = ($(gamesCopy).position().top) + ($(".section").height()*.840) - ($(gamesCopy).height()) - ($('nav li a').height()*2); var jumpSectionTwo = ($(missionCopy).position().top) + ($(".section").height() * .840) + ($(".section").height()) - ($(missionCopy).height()) - ($('nav li a').height() * 2); var jumpSectionThree = ($(jobsCopy).position().top) + ($(".section").height() * .840) + ($(".section").height() * 2) - ($(jobsCopy).height()) - ($('nav li a').height() * 2); var jumpSectionFour = ($(newsCopy).position().top) + ($(".section").height() * .840) + ($(".section").height() * 3) - ($(newsCopy).height()) - ($('nav li a').height() * 2); var jumpSectionFive = ($(".section").height() * .840) + ($(".section").height() * 5) - bottomDistance; // alert (jumpSectionTwo); if (nextIndex == 2 && direction == 'down'){ TweenMax.to(".VCME", .3, {top: jumpSectionOne, ease: Circ.easeIn, overwrite: false}); TweenMax.to(".VCME", .2, {left: 40, ease: Circ.easeOut, overwrite: false}); TweenMax.to("#games", .7, {left:20, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to("#games span", .7, {textIndent:'0', delay:.2, overwrite: false}); TweenMax.to(".hide-games", .7, {left:0, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); } else if(nextIndex == 1 && direction == 'up'){ TweenMax.to(".VCME", .3, {top:0, ease: Circ.easeIn, overwrite: false}); TweenMax.to(".VCME", .2, {left: 0, ease: Circ.easeOut, overwrite: false}); TweenMax.to(".VCME", 0, {opacity:1, overwrite: false}); TweenMax.set(".mob #open", {className:"-=filled"}); TweenMax.to("#games", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#games span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#welcome", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#welcome span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#join", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#join span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#whats-new", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#whats-new span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to(".mob", .9, {top:221, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to("footer", .9, {bottom:-footerHeight, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to(".hide", .5, {top:98, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".tagline", .5, {top:-98, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".triangles", .5, {top:-145, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".bubble", 1, {top:500, delay:.2, ease: Bounce.easeOut, overwrite: false}); TweenMax.to(".hide-games", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".hide-welcome", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); } else if (nextIndex == 3 && direction == 'down'){ TweenMax.to(".VCME", .3, {top: jumpSectionTwo, ease: Circ.easeIn, overwrite: false}); TweenMax.to(".VCME", .2, {left: 0, ease: Circ.easeOut, overwrite: false}); TweenMax.to("#games", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#games span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#welcome", .7, {left:20, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to("#welcome span", .7, {textIndent:'0', delay:.2, overwrite: false}); TweenMax.to(".hide-games", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".hide-welcome", .7, {left:0, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); } else if(nextIndex == 2 && direction == 'up'){ TweenMax.to(".VCME", .3, {top:jumpSectionOne, ease: Circ.easeIn, overwrite: false}); TweenMax.to(".VCME", .2, {left: 40, ease: Circ.easeOut, overwrite: false}); TweenMax.to(".VCME", 0, {opacity:1, overwrite: false}); TweenMax.set(".mob #open", {className:"-=filled"}); TweenMax.to("#welcome", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#welcome span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#whats-new", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#whats-new span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#games", .7, {left:20, delay:.2, transformOrigin:" left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to("#games span", .7, {textIndent:'0', delay:.2, overwrite: false}); TweenMax.to(".mob", .9, {top:221, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to("footer", .9, {bottom:-footerHeight, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to(".hide", .5, {top:98, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".tagline", .5, {top:-98, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".triangles", .5, {top:-145, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".bubble", 1, {top:500, delay:.2, ease: Bounce.easeOut, overwrite: false}); TweenMax.to(".hide-games", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".hide-welcome", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".hide-games", .7, {left:0, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); } else if (nextIndex == 4 && direction == 'down'){ TweenMax.to(".VCME", .3, {top: jumpSectionThree, ease: Circ.easeIn, overwrite: false}); TweenMax.to(".VCME", .2, {left: 0, ease: Circ.easeOut, overwrite: false}); TweenMax.to("#welcome", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#welcome span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#join", .7, {left:20, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to("#join span", .7, {textIndent:'0', delay:.2, overwrite: false}); TweenMax.to(".hide-welcome", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".hide-join", .7, {left:0, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); } else if(nextIndex == 3 && direction == 'up'){ TweenMax.to(".VCME", .3, {top:jumpSectionTwo, ease: Circ.easeIn, overwrite: false}); TweenMax.to(".VCME", .2, {left: 40, ease: Circ.easeOut, overwrite: false}); TweenMax.to(".VCME", 0, {opacity:1, overwrite: false}); TweenMax.set(".mob #open", {className:"-=filled"}); TweenMax.to("#join", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#join span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#whats-new", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#whats-new span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#welcome", .7, {left:20, delay:.2, transformOrigin:" left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to("#welcome span", .7, {textIndent:'0', delay:.2, overwrite: false}); TweenMax.to(".mob", .9, {top:221, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to("footer", .9, {bottom:-footerHeight, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to(".hide", .5, {top:98, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".tagline", .5, {top:-98, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".triangles", .5, {top:-145, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".bubble", 1, {top:500, delay:.2, ease: Bounce.easeOut, overwrite: false}); TweenMax.to(".hide-join", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".hide-welcome", .7, {left:0, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); } else if (nextIndex == 5 && direction == 'down'){ TweenMax.to(".VCME", .3, {top: jumpSectionFour, ease: Circ.easeIn, overwrite: false}); TweenMax.to(".VCME", .2, {left: 0, ease: Circ.easeOut, overwrite: false}); TweenMax.to("#join", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#join span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#whats-new", .7, {left:20, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to("#whats-new span", .7, {textIndent:'0', delay:.2, overwrite: false}); TweenMax.to(".hide-join", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".hide-news", .7, {left:0, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); } else if(nextIndex == 4 && direction == 'up'){ TweenMax.to(".VCME", .3, {top:jumpSectionThree, ease: Circ.easeIn, overwrite: false}); TweenMax.to(".VCME", .2, {left: 40, ease: Circ.easeOut, overwrite: false}); TweenMax.to(".VCME", 0, {opacity:1, overwrite: false}); TweenMax.set(".mob #open", {className:"-=filled"}); TweenMax.to("#whats-new", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#whats-new span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#join", .7, {left:20, delay:.2, transformOriginal: "left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to("#join span", .7, {textIndent:'0', delay:.2, overwrite: false}); TweenMax.to(".mob", .9, {top:221, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to("footer", .9, {bottom:-footerHeight, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to(".hide", .5, {top:98, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".tagline", .5, {top:-98, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".triangles", .5, {top:-145, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".bubble", 1, {top:500, delay:.2, ease: Bounce.easeOut, overwrite: false}); TweenMax.to(".hide-news", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".hide-join", .7, {left:0, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); } else if (nextIndex == 6 && direction == 'down'){ TweenMax.to(".VCME", .5, {top: jumpSectionFive, scale:.91, ease: Circ.easeIn, overwrite: false}); TweenMax.to(".VCME", .2, {left: 20, ease: Circ.easeOut, overwrite: false}); TweenMax.to(".VCME", 0, {delay:.5, opacity:0, overwrite: false}); TweenMax.set(".mob #open", {delay:.5, className:"+=filled"}); TweenMax.to(".mob", .9, {top:0, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to("footer", .9, {bottom:0, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to(".hide", .5, {top:0, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".tagline", .5, {top:0, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".triangles", .5, {top:46, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".bubble", 1, {top:0, delay:.2, ease: Bounce.easeOut, overwrite: false}); TweenMax.to("#join", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#join span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#welcome", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#welcome span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#games", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#games span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to("#whats-new", 0, {left:192, delay:0, overwrite: false}); TweenMax.to("#whats-new span", 0, {textIndent:'-200px', delay:0, overwrite: false}); TweenMax.to(".hide-games", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".hide-welcome", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".hide-join", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".hide-news", 0, {left:-172, delay:0, transformOrigin:"right top", ease: Circ.easeOut, overwrite: false}); } else if(nextIndex == 5 && direction == 'up'){ TweenMax.to(".VCME", .3, {top:jumpSectionFour, scale:1, ease: Circ.easeIn, overwrite: false}); TweenMax.to(".VCME", .2, {left: 0, ease: Circ.easeOut, overwrite: false}); TweenMax.to(".VCME", 0, {opacity:1, overwrite: false}); TweenMax.set(".mob #open", {className:"-=filled"}); TweenMax.to("#whats-new", .7, {left:20, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to("#whats-new span", .7, {textIndent:'0', delay:.2, overwrite: false}); TweenMax.to(".mob", .9, {top:221, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to("footer", .9, {bottom:-footerHeight, delay:.1, ease: Bounce.easeOut, overwrite: false}); TweenMax.to(".hide", .5, {top:98, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".tagline", .5, {top:-98, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".triangles", .5, {top:-145, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); TweenMax.to(".bubble", 1, {top:500, delay:.2, ease: Bounce.easeOut, overwrite: false}); TweenMax.to(".hide-news", .7, {left:0, delay:.2, transformOrigin:"left top", ease: Circ.easeOut, overwrite: false}); } } }); $('a.fl').featherlight({ targetAttr: 'href', closeOnClick: 'anywhere', afterOpen: function(event){ $.fn.fullpage.setAllowScrolling(false); $(".featherlight-inner").click(function(event) { event.stopPropagation(); }); $(".featherlight a[href^='#']").click(function(event){ event.preventDefault(); $('.featherlight-content').animate({scrollTop:$(this.hash).offset().top}, 500); }); }, afterClose: function(event){ $.fn.fullpage.setAllowScrolling(true); } }); // update footer date to current year. var currentYear = new Date().getFullYear(); $("#current_year").html(currentYear); });