opposition-theme 0.1.0

data/assets/img/logo.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 396 144" style="enable-background:new 0 0 396 144;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#C1A469;}
+</style>
+<path class="st0" d="M214.7,6.8c-2.2,0.6-7.5,2.1-8.8,2.4c-0.2,0-0.3,0.2-0.4,0.3c-1.4,2.6-4.2,5.6-7.4,5.6c-3.2,0-6-3.1-7.4-5.6
+	c-0.1-0.2-0.2-0.3-0.4-0.3l-8.8-2.4c-0.5-0.1-0.9,0.3-0.8,0.8c0.2,1,0.6,2.2,1,3.3c1.2,0.2,2.2,0.3,2.2,0.3s-0.9,0.7-1.5,1.2
+	c0.5,1,1.1,1.9,1.8,2.8c0.6-0.3,1.1-0.5,1.1-0.5s-0.2,0.6-0.4,1.2c0.8,0.9,1.8,1.7,2.9,2.4c0.3-0.2,0.4-0.4,0.4-0.4s0,0.3,0,0.6
+	c1.2,0.7,2.5,1.3,4.1,1.7c0.2-0.3,0.4-0.4,0.4-0.4s0,0.2,0.1,0.6c0.3,0.1,0.5,0.1,0.8,0.2c0.3,0.1,0.5,0.3,0.5,0.6v2.5
+	c0,0.2,0.1,0.5,0.3,0.6l3.4,1.9c0.2,0.1,0.4,0.1,0.6,0l3.4-1.9c0.2-0.1,0.3-0.3,0.3-0.6v-2.5c0-0.3,0.2-0.6,0.5-0.6
+	c0.3-0.1,0.6-0.1,0.8-0.2c0-0.3,0.1-0.6,0.1-0.6s0.1,0.2,0.4,0.4c1.6-0.4,2.9-1,4.1-1.7c0-0.3,0-0.6,0-0.6s0.2,0.1,0.4,0.4
+	c1.1-0.7,2.1-1.5,2.9-2.4c-0.2-0.6-0.4-1.2-0.4-1.2s0.5,0.2,1.1,0.5c0.7-0.9,1.3-1.9,1.8-2.8c-0.6-0.5-1.5-1.2-1.5-1.2
+	s1-0.2,2.2-0.3c0.5-1.1,0.8-2.3,1-3.3C215.6,7.1,215.1,6.7,214.7,6.8z"/>
+<path class="st0" d="M234.4,117.6c-0.7-0.6-1.4-1.4-1.4-2.6c0-0.5-0.1-3.6-0.1-5.3c0-5.4,0-13.5,0-22.3c0-1.7,1.3-3.2,2.3-4.1
+	c0.5-0.5,0.5-1.4,0-1.9c-1-0.9-2.3-2.4-2.3-4.1c0-16.6,0-32.9,0-35.8c0-1.7,0-2.4,1.2-3.4c0.2-0.1,0.5-0.2,0.8-0.4
+	c0.6-0.4,0.8-1,0.6-1.5c-0.2-0.4-0.7-0.7-1.2-0.8c-4.5-0.2-7.1-0.6-10.8-1.2c-2.1-0.3-4.2-0.7-6.3-1.2c-2.1-0.5-4-1.1-5.6-1.9
+	c-1.6-0.8-2.9-1.6-3.9-2.6c-0.1-0.1-0.2-0.2-0.3-0.3c-1.1-1.2-2.9-1.4-4.3-0.5c-1.3,0.9-2.9,1.7-4.9,2.5l0,0l0,0
+	c-1.9-0.8-3.5-1.6-4.9-2.5c-1.4-0.9-3.2-0.7-4.3,0.5c-0.1,0.1-0.2,0.2-0.3,0.3c-1,1-2.3,1.9-3.9,2.6c-1.6,0.8-3.5,1.4-5.6,1.9
+	c-2.1,0.5-4.2,0.9-6.3,1.2c-3.8,0.6-6.3,0.9-10.8,1.2c-0.5,0-1,0.4-1.2,0.8c-0.2,0.5,0,1.2,0.6,1.5c0.3,0.2,0.5,0.3,0.8,0.4
+	c1.2,0.9,1.2,1.7,1.2,3.4c0,3,0,19.4,0,36.2c-0.2,1.6-1.3,2.9-2.3,3.7c-0.5,0.5-0.5,1.4,0,1.9c0.9,0.8,2.1,2.2,2.3,3.7
+	c0,10,0,19.2,0,24.6c0,1.5-0.1,3.1-0.1,3.4c0,1.2-0.7,2-1.4,2.6c-0.7,0.7-1.9,1.8-0.4,2.9c0,0,0.1,0.1,0.1,0.1
+	c0.1,0.2,0.3,0.3,0.5,0.5c2,1.3,7.6,4.5,9.8,6.1c4.2,3.1,8.6,6.7,9.8,8c1,1.1,2.2,2.6,4.8,2.2c0.6,0,1.2-0.2,1.8-0.5
+	c0.6-0.2,1.1-0.5,1.5-0.7c2.6-1.3,5.4-2.6,8.3-3.8c0,0,5.7,2.5,8.4,3.9c0.3,0.2,0.7,0.4,1.1,0.6c0.1,0,0.1,0.1,0.2,0.1
+	c0.6,0.3,1.2,0.5,1.9,0.5c2.5,0.3,3.7-1.2,4.8-2.2c1.3-1.3,5.6-4.9,9.8-8c2.2-1.7,7.8-4.8,9.8-6.1c0.2-0.2,0.4-0.3,0.6-0.5
+	c0,0,0.1,0,0.1-0.1C236.3,119.4,235.1,118.2,234.4,117.6z M184.7,82.2L184.7,82.2v0.1V82.2z M211.4,77.6c-0.2,1.6-1.3,2.9-2.3,3.7
+	c-0.5,0.5-0.5,1.4,0,1.9c0.9,0.8,2.1,2.2,2.3,3.7v29.2c0,3.3-0.4,4.2-3.2,6.9c-3.2,3.1-10,6.2-10.1,6.3c-0.2-0.1-6.9-3.2-10.1-6.3
+	c-2.8-2.7-3.2-3.6-3.2-6.9V92.9l0,0c0,0,0-3.4,0-5.6c0-1.7,1.3-3.3,2.3-4.2c0.5-0.5,0.5-1.4,0-1.9c-1-0.9-2.3-2.4-2.3-4.2
+	c0-2.2,0-5.6,0-5.6l0,0V44.9c0-2.6,1.4-4.9,3.7-6.2l9.6-5.3l9.6,5.3c2.3,1.2,3.7,3.6,3.7,6.2V77.6z"/>
+</svg>

data/assets/img/support.svg

@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="44" height="44" viewBox="0 0 44 44">
+  <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
+<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01        ">
+   <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+      <rdf:Description rdf:about=""/>
+   </rdf:RDF>
+</x:xmpmeta>
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                           
+<?xpacket end="w"?></metadata>
+<image id="_03" data-name="03" width="44" height="44" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAB5lBMVEXDpWr////DpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWrDpWoAAABls551AAAAoHRSTlMAAF3M9+ilIhDXwXlUXpLpggv+3yFlmtw0Y2qFAvaqcPxz7KF/9YDt84Tvh4yemPIyiicBYO6sb5WRhhjVCGdIF6TqWA3FBUWfwi5xWdpHXwmN4o/jT3okt0B3L8TOEmaORLnmDw7R+chsKtO1Hv10iVo3MQyLsK5JfrgrKLHgndbesksE8B98s/Hru3jNtFszci07GwZtlkFDVeH6nMm9rRWxgwAAAAFiS0dEoSnUjjYAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfhAwoKKiP5SsC/AAACJklEQVQ4y4XU+VsSQRgH8HciSqw00MQCDC1FK0mzGw01pSi786ikLIusNYtM6dCMDjO7D7W775/a7sKys8XMvj/MvLPP55l9592DyBLLHMsB54qV5hXGhYUWuVC8avWaklKstcVuT1l5NluHCjvsdebTSqyX4w1wmwsf/FIcqOJvg41SHKzmcc0m+c6bLbhEimvreByS4/oGHm/ZKsXYZjlgowyHtzfxuBk7xLgFOy2PnnbtluE9VhzYKyljH8p5ux8RaetauUUbDki7EUW7uegASTG5OvNpJQ7a4C50x7LZIRwmG0wRxPX5CMJki+lottIekD3uOlarz8dxwg6fPIXTUT1zn8HZXhlu8QF9+VX/AFznhPi8B5bXmS4MInGxIL4UwFCM/onLVyIFcO8wGq9SwbhWlwxd7xy5YeCbCkZvFabUh7HRhtt34hhL6fguEuMCSgPqkfUt74UxoeHJoIhSWvtYcuXexwMVP/SKbAqPuAP2YIrR9GMRxozZ5zbGnmQYPS0T2Gd4buDYi2rGmtSiukU47TWeoL++dFadgs30EnPpyf+in0ipMvCreb0U5TXRG0firTUcSUU9WkYreaKDsZDTr+P4oLBv5HinDu8xpMzn+pGZE+OKGm38AI/RPHwU40+Y1abPX3I2hSIxpuGk2Wc1PNNMgqf0/4xhZ7Agw7SIxTxewlcmxaoe+bagvXTffyDKbDCNt/4sXvL9+o0/7dr2fwEXVIYjhUg8pgAAAABJRU5ErkJggg=="/>
+</svg>

data/assets/js/all.js

@@ -0,0 +1,41 @@
+$(document).on('click', '.page-link', function(event){
+    event.preventDefault();
+
+	var link = $.attr(this, 'href')
+	var noSlashLink = link.replace(/\//g, "")
+
+    $('html, body').animate({
+        scrollTop: $( noSlashLink ).offset().top - 75
+    }, 500);
+});
+
+function resize() {
+    var heights = window.innerHeight;
+    var homeDiv = document.getElementById("home");
+
+    homeDiv.style.height = heights + "px";
+    homeDiv.style.minHeight = heights + "px";
+    // if(homeDiv) {
+    //     homeDiv.style.height = heights + "px";
+    //     homeDiv.style.minHeight = heights + "px";
+    // }
+}
+
+window.onresize = function() {
+    resize();
+};
+
+resize();
+
+$(function() {
+    var counterAmount = parseInt($('#views-counter span').text());
+    var scene = document.getElementById('scene');
+    var parallax = new Parallax(scene);
+
+    setInterval(function() {
+        var randomnumber = Math.floor(Math.random() * (500 - 100)) + 100;
+
+        counterAmount = counterAmount + randomnumber;
+        $('#views-counter span').text(counterAmount + ' views');
+    }, 1000);
+})

data/assets/js/form.js

@@ -0,0 +1,114 @@
+function submitForm() {
+    var formData = 'form=' + $('.formstack input[name=form]').val();
+
+    $('.fsField').each( function() {
+        formData += '&' + $(this).attr('id') + '=' + $(this).val();
+    });
+
+    $.ajax({
+        url: 'http://quickonboarding.viso.tv/formstack.php',
+        async: false,
+        type:'POST',
+        data:formData,
+        success:function ( data ) {
+            $('.formstack').fadeOut();
+            $('.thanks').fadeIn();
+        }, 
+    });
+}
+
+function validateForm(e) {
+    var el = e.target;
+    var emailReg = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
+
+    // Check input fields
+    if(e.value == null) {
+        el.classList.add('required')
+    } else {
+        el.classList.remove('required')
+    }
+
+    // Check email fields
+    if(el.type == 'email' && !emailReg.test(el.value)) {
+        el.classList.add('required')
+    } 
+    else {
+        el.classList.remove('required')
+    }
+
+    // Toggle submit button
+    if($('.fsField').hasClass('required')) {
+        $('.submit').addClass('disabled')
+    } else {
+        $('.submit').removeClass('disabled')
+    }
+
+    // Clear if any empty fields
+    if($('.fsField').val() == '') {
+        $('.submit').addClass('disabled')
+    }    
+}
+
+$(document).ready(function(e) {
+    $('.fsField').focus(function(e) {
+        validateForm(e);
+    })
+
+    $('.fsField').blur(function(e) {
+        validateForm(e);
+    })
+});
+
+// jQuery('form .submit').click(function(e) {
+//     e.preventDefault(); // Cancel the form submit action
+//     var form_id = jQuery(this).parents('form').attr('id');
+//     var this_form = "fsForm1775897";
+
+//     var inputs = jQuery('#'+this_form+' .fsRequired');
+//     var extraInputs = jQuery('#'+this_form+' textarea, #'+this_form+' input[type=checkbox]:checked');
+//     var emailReg = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
+
+//     jQuery(inputs).each( function() {
+//         if (jQuery(this).val() == "") {
+//             jQuery(this)
+//                 .addClass('required');
+//         } else {
+//             jQuery(this)
+//                 .removeClass('required');
+//         }
+//     });
+
+//     if (!emailReg.test(jQuery('#'+this_form+' input.email').val())) {
+//         jQuery('#'+this_form+' input.email').addClass('required');
+//     } else {
+//         jQuery('#'+this_form+' input.email').removeClass('required');
+//     }
+
+//     if ( inputs.hasClass('required') ) {
+//         jQuery('.error').fadeIn();
+//     } else {
+//         jQuery('.error').fadeOut();
+//     }
+
+//     if ( !inputs.hasClass('required') ) {
+//         var formData = "form=" + jQuery(".formstack input[name=form]").val();
+
+//         jQuery(inputs).each( function() {
+//             formData += "&" + jQuery(this).attr("id") + "=" + jQuery(this).val();
+//         });
+//         jQuery(extraInputs).each( function() {
+//             formData += "&" + jQuery(this).attr("id") + "=" + jQuery(this).val();
+//         });
+
+//         jQuery.ajax({
+//             url: "http://quickonboarding.viso.tv/formstack.php",
+//             async: false,
+//             type:"POST",
+//             data:formData,
+//             success:function ( data ) {
+//                 jQuery('.formstack').fadeOut();
+//                 jQuery('.thanks').fadeIn();
+//             }, 
+//         });
+//     }
+// });

data/assets/js/parallax.js

@@ -0,0 +1,550 @@
+/**
+ * Parallax.js
+ * @author Matthew Wagerfield - @wagerfield
+ * @description Creates a parallax effect between an array of layers,
+ *              driving the motion from the gyroscope output of a smartdevice.
+ *              If no gyroscope is available, the cursor position is used.
+ */
+;(function(window, document, undefined) {
+
+  // Strict Mode
+  'use strict';
+
+  // Constants
+  var NAME = 'Parallax';
+  var MAGIC_NUMBER = 30;
+  var DEFAULTS = {
+    relativeInput: false,
+    clipRelativeInput: false,
+    calibrationThreshold: 100,
+    calibrationDelay: 500,
+    supportDelay: 500,
+    calibrateX: false,
+    calibrateY: true,
+    invertX: true,
+    invertY: true,
+    limitX: false,
+    limitY: false,
+    scalarX: 10.0,
+    scalarY: 10.0,
+    frictionX: 0.1,
+    frictionY: 0.1,
+    originX: 0.5,
+    originY: 0.5,
+    pointerEvents: true,
+    precision: 1
+  };
+
+  function Parallax(element, options) {
+
+    // DOM Context
+    this.element = element;
+    this.layers = element.getElementsByClassName('layer');
+
+    // Data Extraction
+    var data = {
+      calibrateX: this.data(this.element, 'calibrate-x'),
+      calibrateY: this.data(this.element, 'calibrate-y'),
+      invertX: this.data(this.element, 'invert-x'),
+      invertY: this.data(this.element, 'invert-y'),
+      limitX: this.data(this.element, 'limit-x'),
+      limitY: this.data(this.element, 'limit-y'),
+      scalarX: this.data(this.element, 'scalar-x'),
+      scalarY: this.data(this.element, 'scalar-y'),
+      frictionX: this.data(this.element, 'friction-x'),
+      frictionY: this.data(this.element, 'friction-y'),
+      originX: this.data(this.element, 'origin-x'),
+      originY: this.data(this.element, 'origin-y'),
+      pointerEvents: this.data(this.element, 'pointer-events'),
+      precision: this.data(this.element, 'precision')
+    };
+
+    // Delete Null Data Values
+    for (var key in data) {
+      if (data[key] === null) delete data[key];
+    }
+
+    // Compose Settings Object
+    this.extend(this, DEFAULTS, options, data);
+
+    // States
+    this.calibrationTimer = null;
+    this.calibrationFlag = true;
+    this.enabled = false;
+    this.depthsX = [];
+    this.depthsY = [];
+    this.raf = null;
+
+    // Element Bounds
+    this.bounds = null;
+    this.ex = 0;
+    this.ey = 0;
+    this.ew = 0;
+    this.eh = 0;
+
+    // Element Center
+    this.ecx = 0;
+    this.ecy = 0;
+
+    // Element Range
+    this.erx = 0;
+    this.ery = 0;
+
+    // Calibration
+    this.cx = 0;
+    this.cy = 0;
+
+    // Input
+    this.ix = 0;
+    this.iy = 0;
+
+    // Motion
+    this.mx = 0;
+    this.my = 0;
+
+    // Velocity
+    this.vx = 0;
+    this.vy = 0;
+
+    // Callbacks
+    this.onMouseMove = this.onMouseMove.bind(this);
+    this.onDeviceOrientation = this.onDeviceOrientation.bind(this);
+    this.onOrientationTimer = this.onOrientationTimer.bind(this);
+    this.onCalibrationTimer = this.onCalibrationTimer.bind(this);
+    this.onAnimationFrame = this.onAnimationFrame.bind(this);
+    this.onWindowResize = this.onWindowResize.bind(this);
+
+    // Initialise
+    this.initialise();
+  }
+
+  Parallax.prototype.extend = function() {
+    if (arguments.length > 1) {
+      var master = arguments[0];
+      for (var i = 1, l = arguments.length; i < l; i++) {
+        var object = arguments[i];
+        for (var key in object) {
+          master[key] = object[key];
+        }
+      }
+    }
+  };
+
+  Parallax.prototype.data = function(element, name) {
+    return this.deserialize(element.getAttribute('data-'+name));
+  };
+
+  Parallax.prototype.deserialize = function(value) {
+    if (value === 'true') {
+      return true;
+    } else if (value === 'false') {
+      return false;
+    } else if (value === 'null') {
+      return null;
+    } else if (!isNaN(parseFloat(value)) && isFinite(value)) {
+      return parseFloat(value);
+    } else {
+      return value;
+    }
+  };
+
+  Parallax.prototype.camelCase = function(value) {
+    return value.replace(/-+(.)?/g, function(match, character){
+      return character ? character.toUpperCase() : '';
+    });
+  };
+
+  Parallax.prototype.transformSupport = function(value) {
+    var element = document.createElement('div');
+    var propertySupport = false;
+    var propertyValue = null;
+    var featureSupport = false;
+    var cssProperty = null;
+    var jsProperty = null;
+    for (var i = 0, l = this.vendors.length; i < l; i++) {
+      if (this.vendors[i] !== null) {
+        cssProperty = this.vendors[i][0] + 'transform';
+        jsProperty = this.vendors[i][1] + 'Transform';
+      } else {
+        cssProperty = 'transform';
+        jsProperty = 'transform';
+      }
+      if (element.style[jsProperty] !== undefined) {
+        propertySupport = true;
+        break;
+      }
+    }
+    switch(value) {
+      case '2D':
+        featureSupport = propertySupport;
+        break;
+      case '3D':
+        if (propertySupport) {
+          var body = document.body || document.createElement('body');
+          var documentElement = document.documentElement;
+          var documentOverflow = documentElement.style.overflow;
+          var isCreatedBody = false;
+          if (!document.body) {
+            isCreatedBody = true;
+            documentElement.style.overflow = 'hidden';
+            documentElement.appendChild(body);
+            body.style.overflow = 'hidden';
+            body.style.background = '';
+          }
+          body.appendChild(element);
+          element.style[jsProperty] = 'translate3d(1px,1px,1px)';
+          propertyValue = window.getComputedStyle(element).getPropertyValue(cssProperty);
+          featureSupport = propertyValue !== undefined && propertyValue.length > 0 && propertyValue !== 'none';
+          documentElement.style.overflow = documentOverflow;
+          body.removeChild(element);
+          if ( isCreatedBody ) {
+            body.removeAttribute('style');
+            body.parentNode.removeChild(body);
+          }
+        }
+        break;
+    }
+    return featureSupport;
+  };
+
+  Parallax.prototype.ww = null;
+  Parallax.prototype.wh = null;
+  Parallax.prototype.wcx = null;
+  Parallax.prototype.wcy = null;
+  Parallax.prototype.wrx = null;
+  Parallax.prototype.wry = null;
+  Parallax.prototype.portrait = null;
+  Parallax.prototype.desktop = !navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|BB10|mobi|tablet|opera mini|nexus 7)/i);
+  Parallax.prototype.vendors = [null,['-webkit-','webkit'],['-moz-','Moz'],['-o-','O'],['-ms-','ms']];
+  Parallax.prototype.motionSupport = !!window.DeviceMotionEvent;
+  Parallax.prototype.orientationSupport = !!window.DeviceOrientationEvent;
+  Parallax.prototype.orientationStatus = 0;
+  Parallax.prototype.motionStatus = 0;
+  Parallax.prototype.propertyCache = {};
+
+  Parallax.prototype.initialise = function() {
+
+    if (Parallax.prototype.transform2DSupport === undefined) {
+      Parallax.prototype.transform2DSupport = Parallax.prototype.transformSupport('2D');
+      Parallax.prototype.transform3DSupport = Parallax.prototype.transformSupport('3D');
+    }
+
+    // Configure Context Styles
+    if (this.transform3DSupport) this.accelerate(this.element);
+    var style = window.getComputedStyle(this.element);
+    if (style.getPropertyValue('position') === 'static') {
+      this.element.style.position = 'relative';
+    }
+
+    // Pointer events
+    if(!this.pointerEvents){
+      this.element.style.pointerEvents = 'none';
+    }
+
+    // Setup
+    this.updateLayers();
+    this.updateDimensions();
+    this.enable();
+    this.queueCalibration(this.calibrationDelay);
+  };
+
+  Parallax.prototype.updateLayers = function() {
+
+    // Cache Layer Elements
+    this.layers = this.element.getElementsByClassName('layer');
+    this.depthsX = [];
+    this.depthsY = [];
+
+    // Configure Layer Styles
+    for (var i = 0, l = this.layers.length; i < l; i++) {
+      var layer = this.layers[i];
+      if (this.transform3DSupport) this.accelerate(layer);
+      layer.style.position = i ? 'absolute' : 'relative';
+      layer.style.display = 'block';
+      layer.style.left = 0;
+      layer.style.top = 0;
+
+      // Cache Layer Depth
+      //Graceful fallback on depth if depth-x or depth-y is absent
+      var depth = this.data(layer, 'depth') || 0;
+      this.depthsX.push(this.data(layer, 'depth-x') || depth);
+      this.depthsY.push(this.data(layer, 'depth-y') || depth);
+    }
+  };
+
+  Parallax.prototype.updateDimensions = function() {
+    this.ww = window.innerWidth;
+    this.wh = window.innerHeight;
+    this.wcx = this.ww * this.originX;
+    this.wcy = this.wh * this.originY;
+    this.wrx = Math.max(this.wcx, this.ww - this.wcx);
+    this.wry = Math.max(this.wcy, this.wh - this.wcy);
+  };
+
+  Parallax.prototype.updateBounds = function() {
+    this.bounds = this.element.getBoundingClientRect();
+    this.ex = this.bounds.left;
+    this.ey = this.bounds.top;
+    this.ew = this.bounds.width;
+    this.eh = this.bounds.height;
+    this.ecx = this.ew * this.originX;
+    this.ecy = this.eh * this.originY;
+    this.erx = Math.max(this.ecx, this.ew - this.ecx);
+    this.ery = Math.max(this.ecy, this.eh - this.ecy);
+  };
+
+  Parallax.prototype.queueCalibration = function(delay) {
+    clearTimeout(this.calibrationTimer);
+    this.calibrationTimer = setTimeout(this.onCalibrationTimer, delay);
+  };
+
+  Parallax.prototype.enable = function() {
+    if (!this.enabled) {
+      this.enabled = true;
+      if (!this.desktop && this.orientationSupport) {
+        this.portrait = null;
+        window.addEventListener('deviceorientation', this.onDeviceOrientation);
+        setTimeout(this.onOrientationTimer, this.supportDelay);
+      }
+      else if (!this.desktop && this.motionSupport) {
+        this.portrait = null;
+        window.addEventListener('devicemotion', this.onDeviceMotion);
+        setTimeout(this.onMotionTimer, this.supportDelay);
+      }
+      else {
+        this.cx = 0;
+        this.cy = 0;
+        this.portrait = false;
+        window.addEventListener('mousemove', this.onMouseMove);
+      }
+      window.addEventListener('resize', this.onWindowResize);
+      this.raf = requestAnimationFrame(this.onAnimationFrame);
+    }
+  };
+
+  Parallax.prototype.disable = function() {
+    if (this.enabled) {
+      this.enabled = false;
+      if (this.orientationSupport) {
+        window.removeEventListener('deviceorientation', this.onDeviceOrientation);
+      }
+      else if (this.motionSupport) {
+        window.removeEventListener('devicemotion', this.onDeviceMotion);
+      }
+      else {
+        window.removeEventListener('mousemove', this.onMouseMove);
+      }
+      window.removeEventListener('resize', this.onWindowResize);
+      cancelAnimationFrame(this.raf);
+    }
+  };
+
+  Parallax.prototype.calibrate = function(x, y) {
+    this.calibrateX = x === undefined ? this.calibrateX : x;
+    this.calibrateY = y === undefined ? this.calibrateY : y;
+  };
+
+  Parallax.prototype.invert = function(x, y) {
+    this.invertX = x === undefined ? this.invertX : x;
+    this.invertY = y === undefined ? this.invertY : y;
+  };
+
+  Parallax.prototype.friction = function(x, y) {
+    this.frictionX = x === undefined ? this.frictionX : x;
+    this.frictionY = y === undefined ? this.frictionY : y;
+  };
+
+  Parallax.prototype.scalar = function(x, y) {
+    this.scalarX = x === undefined ? this.scalarX : x;
+    this.scalarY = y === undefined ? this.scalarY : y;
+  };
+
+  Parallax.prototype.limit = function(x, y) {
+    this.limitX = x === undefined ? this.limitX : x;
+    this.limitY = y === undefined ? this.limitY : y;
+  };
+
+  Parallax.prototype.origin = function(x, y) {
+    this.originX = x === undefined ? this.originX : x;
+    this.originY = y === undefined ? this.originY : y;
+  };
+
+  Parallax.prototype.clamp = function(value, min, max) {
+    value = Math.max(value, min);
+    value = Math.min(value, max);
+    return value;
+  };
+
+  Parallax.prototype.css = function(element, property, value) {
+    var jsProperty = this.propertyCache[property];
+    if (!jsProperty) {
+      for (var i = 0, l = this.vendors.length; i < l; i++) {
+        if (this.vendors[i] !== null) {
+          jsProperty = this.camelCase(this.vendors[i][1] + '-' + property);
+        } else {
+          jsProperty = property;
+        }
+        if (element.style[jsProperty] !== undefined) {
+          this.propertyCache[property] = jsProperty;
+          break;
+        }
+      }
+    }
+    element.style[jsProperty] = value;
+  };
+
+  Parallax.prototype.accelerate = function(element) {
+    this.css(element, 'transform', 'translate3d(0,0,0) rotate(0.0001deg)');
+    this.css(element, 'transform-style', 'preserve-3d');
+    this.css(element, 'backface-visibility', 'hidden');
+  };
+
+  Parallax.prototype.setPosition = function(element, x, y) {
+    x = x.toFixed(this.precision) + 'px';
+    y = y.toFixed(this.precision) + 'px';
+    if (this.transform3DSupport) {
+      this.css(element, 'transform', 'translate3d('+x+','+y+',0)');
+    } else if (this.transform2DSupport) {
+      this.css(element, 'transform', 'translate('+x+','+y+')');
+    } else {
+      element.style.left = x;
+      element.style.top = y;
+    }
+  };
+
+  Parallax.prototype.onOrientationTimer = function() {
+    if (this.orientationSupport && this.orientationStatus === 0) {
+      this.disable();
+      this.orientationSupport = false;
+      this.enable();
+    }
+  };
+
+  Parallax.prototype.onMotionTimer = function() {
+    if (this.motionSupport && this.motionStatus === 0) {
+      this.disable();
+      this.motionSupport = false;
+      this.enable();
+    }
+  };
+
+  Parallax.prototype.onCalibrationTimer = function() {
+    this.calibrationFlag = true;
+  };
+
+  Parallax.prototype.onWindowResize = function() {
+    this.updateDimensions();
+  };
+
+  Parallax.prototype.onAnimationFrame = function() {
+    this.updateBounds();
+    var dx = this.ix - this.cx;
+    var dy = this.iy - this.cy;
+    if ((Math.abs(dx) > this.calibrationThreshold) || (Math.abs(dy) > this.calibrationThreshold)) {
+      this.queueCalibration(0);
+    }
+    if (this.portrait) {
+      this.mx = this.calibrateX ? dy : this.iy;
+      this.my = this.calibrateY ? dx : this.ix;
+    } else {
+      this.mx = this.calibrateX ? dx : this.ix;
+      this.my = this.calibrateY ? dy : this.iy;
+    }
+    this.mx *= this.ew * (this.scalarX / 100);
+    this.my *= this.eh * (this.scalarY / 100);
+    if (!isNaN(parseFloat(this.limitX))) {
+      this.mx = this.clamp(this.mx, -this.limitX, this.limitX);
+    }
+    if (!isNaN(parseFloat(this.limitY))) {
+      this.my = this.clamp(this.my, -this.limitY, this.limitY);
+    }
+    this.vx += (this.mx - this.vx) * this.frictionX;
+    this.vy += (this.my - this.vy) * this.frictionY;
+    for (var i = 0, l = this.layers.length; i < l; i++) {
+      var layer = this.layers[i];
+      var depthX = this.depthsX[i];
+      var depthY = this.depthsY[i];
+      var xOffset = this.vx * (depthX * (this.invertX ? -1 : 1));
+      var yOffset = this.vy * (depthY * (this.invertY ? -1 : 1));
+      this.setPosition(layer, xOffset, yOffset);
+    }
+    this.raf = requestAnimationFrame(this.onAnimationFrame);
+  };
+
+  Parallax.prototype.rotate = function(beta,gamma){
+    // Extract Rotation
+      var x = (event.beta  || 0) / MAGIC_NUMBER; //  -90 :: 90
+      var y = (event.gamma || 0) / MAGIC_NUMBER; // -180 :: 180
+
+      // Detect Orientation Change
+      var portrait = this.wh > this.ww;
+      if (this.portrait !== portrait) {
+        this.portrait = portrait;
+        this.calibrationFlag = true;
+      }
+
+      // Set Calibration
+      if (this.calibrationFlag) {
+        this.calibrationFlag = false;
+        this.cx = x;
+        this.cy = y;
+      }
+
+      // Set Input
+      this.ix = x;
+      this.iy = y;
+  }
+  Parallax.prototype.onDeviceOrientation = function(event) {
+    // Validate environment and event properties.
+    var beta = event.beta;
+    var gamma = event.gamma;
+    if (!this.desktop && beta !== null && gamma !== null) {
+      // Set orientation status.
+      this.orientationStatus = 1;
+      this.rotate(beta,gamma);
+    }
+  };
+
+  Parallax.prototype.onDeviceMotion = function(event) {
+    // Validate environment and event properties.
+    var beta = event.rotationRate.beta;
+    var gamma = event.rotationRate.gamma;
+    if (!this.desktop && beta !== null && gamma !== null) {
+      // Set motion status.
+      this.motionStatus = 1;
+      this.rotate(beta,gamma);
+    }
+  };
+
+  Parallax.prototype.onMouseMove = function(event) {
+    // Cache mouse coordinates.
+    var clientX = event.clientX;
+    var clientY = event.clientY;
+
+    // Calculate Mouse Input
+    if (!this.orientationSupport && this.relativeInput) {
+
+      // Clip mouse coordinates inside element bounds.
+      if (this.clipRelativeInput) {
+        clientX = Math.max(clientX, this.ex);
+        clientX = Math.min(clientX, this.ex + this.ew);
+        clientY = Math.max(clientY, this.ey);
+        clientY = Math.min(clientY, this.ey + this.eh);
+      }
+
+      // Calculate input relative to the element.
+      this.ix = (clientX - this.ex - this.ecx) / this.erx;
+      this.iy = (clientY - this.ey - this.ecy) / this.ery;
+
+    } else {
+
+      // Calculate input relative to the window.
+      this.ix = (clientX - this.wcx) / this.wrx;
+      this.iy = (clientY - this.wcy) / this.wry;
+    }
+  };
+
+  // Expose Parallax
+  window[NAME] = Parallax;
+
+})(window, document);