diff --git a/gui/app/components/document/view-attachment.js b/gui/app/components/document/view-attachment.js
index 90f1ebde..dcb1d5e2 100644
--- a/gui/app/components/document/view-attachment.js
+++ b/gui/app/components/document/view-attachment.js
@@ -60,7 +60,7 @@ export default Component.extend({
 			autoProcessQueue: true,
 
 			init: function () {
-				this.on("success", function (file /*, response*/ ) {
+				this.on("success", function (/*file, response*/ ) {
 				});
 
 				this.on("queuecomplete", function () {
diff --git a/gui/app/helpers/formatted-date.js b/gui/app/helpers/formatted-date.js
index f44d11e4..a92140d6 100644
--- a/gui/app/helpers/formatted-date.js
+++ b/gui/app/helpers/formatted-date.js
@@ -10,7 +10,6 @@
 // https://documize.com
 
 import { helper } from '@ember/component/helper';
-import dateUtil from '../utils/date';
 
 export function formattedDate(params) {
     let format = params[1];
diff --git a/gui/app/styles/app.scss b/gui/app/styles/app.scss
index 7a4da9bf..9c34ee40 100644
--- a/gui/app/styles/app.scss
+++ b/gui/app/styles/app.scss
@@ -14,10 +14,6 @@
 @import "base.scss";
 @import "bootstrap.scss";
 
-
-@import "view/document/all.scss";
-
-
 @import "view/common.scss";
 @import "widget/widget.scss";
 @import "view/navigation.scss";
diff --git a/gui/app/styles/view/document/new-section.scss b/gui/app/styles/view/document/add-section.scss
similarity index 100%
rename from gui/app/styles/view/document/new-section.scss
rename to gui/app/styles/view/document/add-section.scss
diff --git a/gui/app/styles/view/document/all.scss b/gui/app/styles/view/document/all.scss
deleted file mode 100644
index 6fccbaff..00000000
--- a/gui/app/styles/view/document/all.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@import "toc.scss";
-@import "new-section.scss";
diff --git a/gui/app/styles/view/document/toc.scss b/gui/app/styles/view/document/doc-toc.scss
similarity index 58%
rename from gui/app/styles/view/document/toc.scss
rename to gui/app/styles/view/document/doc-toc.scss
index ef022936..c0057301 100644
--- a/gui/app/styles/view/document/toc.scss
+++ b/gui/app/styles/view/document/doc-toc.scss
@@ -55,3 +55,44 @@
 		}
 	}
 }
+
+
+
+.document-sidebar-toolbar {
+	margin: 10px 0 0 0;
+    padding: 10px 0;
+    text-align: center;
+	// background-color: $color-sidebar-toolbar;
+
+	> .round-button-mono {
+		background-color: $color-white;
+		border-color: $color-sidebar-border;
+
+		> .material-icons {
+			color: $color-gray;
+			@include ease-in();
+		}
+
+		&:hover {
+			> .material-icons {
+				color: $color-link;
+			}
+		}
+	}
+
+	> .selected {
+		background-color: $color-primary;
+		border-color: $color-primary;
+
+		> .material-icons {
+			color: $color-off-white;
+			@include ease-in();
+		}
+
+		&:hover {
+			> .material-icons {
+				color: $color-white;
+			}
+		}
+	}
+}
diff --git a/gui/app/styles/view/document/document.scss b/gui/app/styles/view/document/document.scss
index 3c226317..a40441a1 100644
--- a/gui/app/styles/view/document/document.scss
+++ b/gui/app/styles/view/document/document.scss
@@ -1,48 +1,10 @@
+@import "add-section.scss";
 @import "doc-meta.scss";
 @import "doc-structure.scss";
+@import "doc-toc.scss";
 @import "section-editor.scss";
 @import "view-attachment.scss";
 @import "view-activity.scss";
 @import "view-revision.scss";
 @import "wysiwyg.scss";
 
-
-
-.document-sidebar-toolbar {
-	margin: 10px 0 0 0;
-    padding: 10px 0;
-    text-align: center;
-	// background-color: $color-sidebar-toolbar;
-
-	> .round-button-mono {
-		background-color: $color-white;
-		border-color: $color-sidebar-border;
-
-		> .material-icons {
-			color: $color-gray;
-			@include ease-in();
-		}
-
-		&:hover {
-			> .material-icons {
-				color: $color-link;
-			}
-		}
-	}
-
-	> .selected {
-		background-color: $color-primary;
-		border-color: $color-primary;
-
-		> .material-icons {
-			color: $color-off-white;
-			@include ease-in();
-		}
-
-		&:hover {
-			> .material-icons {
-				color: $color-white;
-			}
-		}
-	}
-}
diff --git a/gui/ember-cli-build.js b/gui/ember-cli-build.js
index 1b1fe42a..ce7e7692 100644
--- a/gui/ember-cli-build.js
+++ b/gui/ember-cli-build.js
@@ -41,14 +41,9 @@ module.exports = function (defaults) {
 		}
 	});
 
-	// dropdown/popup/dialog
-	app.import('vendor/tether.js');
-	app.import('vendor/drop.js');
-
 	app.import('vendor/datetimepicker.min.js');
 	app.import('vendor/documize.js');
 	app.import('vendor/dropzone.js');
-	app.import('vendor/hoverIntent.js');
 	app.import('vendor/is.js');
 	app.import('vendor/keycloak.js');
 	app.import('vendor/markdown-it.min.js');
@@ -58,12 +53,8 @@ module.exports = function (defaults) {
 	app.import('vendor/slug.js');
 	app.import('vendor/sortable.js');
 	app.import('vendor/table-editor.min.js');
-	app.import('vendor/tooltip.js');
 	app.import('vendor/underscore.js');
-	app.import('vendor/velocity.js');
-	app.import('vendor/velocity.ui.js');
 	app.import('vendor/waypoints.js');
-
 	app.import('vendor/bootstrap.bundle.min.js');
 
 	return app.toTree();
diff --git a/gui/vendor/drop.js b/gui/vendor/drop.js
deleted file mode 100644
index 9ec4ae8f..00000000
--- a/gui/vendor/drop.js
+++ /dev/null
@@ -1,561 +0,0 @@
-// https://github.com/HubSpot/drop
-/*! tether-drop 1.4.1 */
-
-(function(root, factory) {
-  if (typeof define === 'function' && define.amd) {
-    define(["tether"], factory);
-  } else if (typeof exports === 'object') {
-    module.exports = factory(require('tether'));
-  } else {
-    root.Drop = factory(root.Tether);
-  }
-}(this, function(Tether) {
-
-/* global Tether */
-'use strict';
-
-var _bind = Function.prototype.bind;
-
-var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
-
-var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
-var _get = function get(_x2, _x3, _x4) { var _again = true; _function: while (_again) { var object = _x2, property = _x3, receiver = _x4; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x2 = parent; _x3 = property; _x4 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var _Tether$Utils = Tether.Utils;
-var extend = _Tether$Utils.extend;
-var addClass = _Tether$Utils.addClass;
-var removeClass = _Tether$Utils.removeClass;
-var hasClass = _Tether$Utils.hasClass;
-var Evented = _Tether$Utils.Evented;
-
-function sortAttach(str) {
-  var _str$split = str.split(' ');
-
-  var _str$split2 = _slicedToArray(_str$split, 2);
-
-  var first = _str$split2[0];
-  var second = _str$split2[1];
-
-  if (['left', 'right'].indexOf(first) >= 0) {
-    var _ref = [second, first];
-    first = _ref[0];
-    second = _ref[1];
-  }
-  return [first, second].join(' ');
-}
-
-function removeFromArray(arr, item) {
-  var index = undefined;
-  var results = [];
-  while ((index = arr.indexOf(item)) !== -1) {
-    results.push(arr.splice(index, 1));
-  }
-  return results;
-}
-
-var clickEvents = ['click'];
-if ('ontouchstart' in document.documentElement) {
-  clickEvents.push('touchstart');
-}
-
-var transitionEndEvents = {
-  'WebkitTransition': 'webkitTransitionEnd',
-  'MozTransition': 'transitionend',
-  'OTransition': 'otransitionend',
-  'transition': 'transitionend'
-};
-
-var transitionEndEvent = '';
-for (var _name in transitionEndEvents) {
-  if (({}).hasOwnProperty.call(transitionEndEvents, _name)) {
-    var tempEl = document.createElement('p');
-    if (typeof tempEl.style[_name] !== 'undefined') {
-      transitionEndEvent = transitionEndEvents[_name];
-    }
-  }
-}
-
-var MIRROR_ATTACH = {
-  left: 'right',
-  right: 'left',
-  top: 'bottom',
-  bottom: 'top',
-  middle: 'middle',
-  center: 'center'
-};
-
-var allDrops = {};
-
-// Drop can be included in external libraries.  Calling createContext gives you a fresh
-// copy of drop which won't interact with other copies on the page (beyond calling the document events).
-
-function createContext() {
-  var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
-
-  var drop = function drop() {
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return new (_bind.apply(DropInstance, [null].concat(args)))();
-  };
-
-  extend(drop, {
-    createContext: createContext,
-    drops: [],
-    defaults: {}
-  });
-
-  var defaultOptions = {
-    classPrefix: 'drop',
-    defaults: {
-      position: 'bottom left',
-      openOn: 'click',
-      beforeClose: null,
-      constrainToScrollParent: true,
-      constrainToWindow: true,
-      classes: '',
-      remove: false,
-      openDelay: 0,
-      closeDelay: 50,
-      // inherited from openDelay and closeDelay if not explicitly defined
-      focusDelay: null,
-      blurDelay: null,
-      hoverOpenDelay: null,
-      hoverCloseDelay: null,
-      tetherOptions: {}
-    }
-  };
-
-  extend(drop, defaultOptions, options);
-  extend(drop.defaults, defaultOptions.defaults, options.defaults);
-
-  if (typeof allDrops[drop.classPrefix] === 'undefined') {
-    allDrops[drop.classPrefix] = [];
-  }
-
-  drop.updateBodyClasses = function () {
-    // There is only one body, so despite the context concept, we still iterate through all
-    // drops which share our classPrefix.
-
-    var anyOpen = false;
-    var drops = allDrops[drop.classPrefix];
-    var len = drops.length;
-    for (var i = 0; i < len; ++i) {
-      if (drops[i].isOpened()) {
-        anyOpen = true;
-        break;
-      }
-    }
-
-    if (anyOpen) {
-      addClass(document.body, drop.classPrefix + '-open');
-    } else {
-      removeClass(document.body, drop.classPrefix + '-open');
-    }
-  };
-
-  var DropInstance = (function (_Evented) {
-    _inherits(DropInstance, _Evented);
-
-    function DropInstance(opts) {
-      _classCallCheck(this, DropInstance);
-
-      _get(Object.getPrototypeOf(DropInstance.prototype), 'constructor', this).call(this);
-      this.options = extend({}, drop.defaults, opts);
-      this.target = this.options.target;
-
-      if (typeof this.target === 'undefined') {
-        throw new Error('Drop Error: You must provide a target.');
-      }
-
-      var dataPrefix = 'data-' + drop.classPrefix;
-
-      var contentAttr = this.target.getAttribute(dataPrefix);
-      if (contentAttr && this.options.content == null) {
-        this.options.content = contentAttr;
-      }
-
-      var attrsOverride = ['position', 'openOn'];
-      for (var i = 0; i < attrsOverride.length; ++i) {
-
-        var override = this.target.getAttribute(dataPrefix + '-' + attrsOverride[i]);
-        if (override && this.options[attrsOverride[i]] == null) {
-          this.options[attrsOverride[i]] = override;
-        }
-      }
-
-      if (this.options.classes && this.options.addTargetClasses !== false) {
-        addClass(this.target, this.options.classes);
-      }
-
-      drop.drops.push(this);
-      allDrops[drop.classPrefix].push(this);
-
-      this._boundEvents = [];
-      this.bindMethods();
-      this.setupElements();
-      this.setupEvents();
-      this.setupTether();
-    }
-
-    _createClass(DropInstance, [{
-      key: '_on',
-      value: function _on(element, event, handler) {
-        this._boundEvents.push({ element: element, event: event, handler: handler });
-        element.addEventListener(event, handler);
-      }
-    }, {
-      key: 'bindMethods',
-      value: function bindMethods() {
-        this.transitionEndHandler = this._transitionEndHandler.bind(this);
-      }
-    }, {
-      key: 'setupElements',
-      value: function setupElements() {
-        var _this = this;
-
-        this.drop = document.createElement('div');
-        addClass(this.drop, drop.classPrefix);
-
-        if (this.options.classes) {
-          addClass(this.drop, this.options.classes);
-        }
-
-        this.content = document.createElement('div');
-        addClass(this.content, drop.classPrefix + '-content');
-
-        if (typeof this.options.content === 'function') {
-          var generateAndSetContent = function generateAndSetContent() {
-            // content function might return a string or an element
-            var contentElementOrHTML = _this.options.content.call(_this, _this);
-
-            if (typeof contentElementOrHTML === 'string') {
-              _this.content.innerHTML = contentElementOrHTML;
-            } else if (typeof contentElementOrHTML === 'object') {
-              _this.content.innerHTML = '';
-              _this.content.appendChild(contentElementOrHTML);
-            } else {
-              throw new Error('Drop Error: Content function should return a string or HTMLElement.');
-            }
-          };
-
-          generateAndSetContent();
-          this.on('open', generateAndSetContent.bind(this));
-        } else if (typeof this.options.content === 'object') {
-          this.content.appendChild(this.options.content);
-        } else {
-          this.content.innerHTML = this.options.content;
-        }
-
-        this.drop.appendChild(this.content);
-      }
-    }, {
-      key: 'setupTether',
-      value: function setupTether() {
-        // Tether expects two attachment points, one in the target element, one in the
-        // drop.  We use a single one, and use the order as well, to allow us to put
-        // the drop on either side of any of the four corners.  This magic converts between
-        // the two:
-        var dropAttach = this.options.position.split(' ');
-        dropAttach[0] = MIRROR_ATTACH[dropAttach[0]];
-        dropAttach = dropAttach.join(' ');
-
-        var constraints = [];
-        if (this.options.constrainToScrollParent) {
-          constraints.push({
-            to: 'scrollParent',
-            pin: 'top, bottom',
-            attachment: 'together none'
-          });
-        } else {
-          // To get 'out of bounds' classes
-          constraints.push({
-            to: 'scrollParent'
-          });
-        }
-
-        if (this.options.constrainToWindow !== false) {
-          constraints.push({
-            to: 'window',
-            attachment: 'together'
-          });
-        } else {
-          // To get 'out of bounds' classes
-          constraints.push({
-            to: 'window'
-          });
-        }
-
-        var opts = {
-          element: this.drop,
-          target: this.target,
-          attachment: sortAttach(dropAttach),
-          targetAttachment: sortAttach(this.options.position),
-          classPrefix: drop.classPrefix,
-          offset: '0 0',
-          targetOffset: '0 0',
-          enabled: false,
-          constraints: constraints,
-          addTargetClasses: this.options.addTargetClasses
-        };
-
-        if (this.options.tetherOptions !== false) {
-          this.tether = new Tether(extend({}, opts, this.options.tetherOptions));
-        }
-      }
-    }, {
-      key: 'setupEvents',
-      value: function setupEvents() {
-        var _this2 = this;
-
-        if (!this.options.openOn) {
-          return;
-        }
-
-        if (this.options.openOn === 'always') {
-          setTimeout(this.open.bind(this));
-          return;
-        }
-
-        var events = this.options.openOn.split(' ');
-
-        if (events.indexOf('click') >= 0) {
-          var openHandler = function openHandler(event) {
-            _this2.toggle(event);
-            event.preventDefault();
-          };
-
-          var closeHandler = function closeHandler(event) {
-            if (!_this2.isOpened()) {
-              return;
-            }
-
-            // Clicking inside dropdown
-            if (event.target === _this2.drop || _this2.drop.contains(event.target)) {
-              return;
-            }
-
-            // Clicking target
-            if (event.target === _this2.target || _this2.target.contains(event.target)) {
-              return;
-            }
-
-            _this2.close(event);
-          };
-
-          for (var i = 0; i < clickEvents.length; ++i) {
-            var clickEvent = clickEvents[i];
-            this._on(this.target, clickEvent, openHandler);
-            this._on(document, clickEvent, closeHandler);
-          }
-        }
-
-        var inTimeout = null;
-        var outTimeout = null;
-
-        var inHandler = function inHandler(event) {
-          if (outTimeout !== null) {
-            clearTimeout(outTimeout);
-          } else {
-            inTimeout = setTimeout(function () {
-              _this2.open(event);
-              inTimeout = null;
-            }, (event.type === 'focus' ? _this2.options.focusDelay : _this2.options.hoverOpenDelay) || _this2.options.openDelay);
-          }
-        };
-
-        var outHandler = function outHandler(event) {
-          if (inTimeout !== null) {
-            clearTimeout(inTimeout);
-          } else {
-            outTimeout = setTimeout(function () {
-              _this2.close(event);
-              outTimeout = null;
-            }, (event.type === 'blur' ? _this2.options.blurDelay : _this2.options.hoverCloseDelay) || _this2.options.closeDelay);
-          }
-        };
-
-        if (events.indexOf('hover') >= 0) {
-          this._on(this.target, 'mouseover', inHandler);
-          this._on(this.drop, 'mouseover', inHandler);
-          this._on(this.target, 'mouseout', outHandler);
-          this._on(this.drop, 'mouseout', outHandler);
-        }
-
-        if (events.indexOf('focus') >= 0) {
-          this._on(this.target, 'focus', inHandler);
-          this._on(this.drop, 'focus', inHandler);
-          this._on(this.target, 'blur', outHandler);
-          this._on(this.drop, 'blur', outHandler);
-        }
-      }
-    }, {
-      key: 'isOpened',
-      value: function isOpened() {
-        if (this.drop) {
-          return hasClass(this.drop, drop.classPrefix + '-open');
-        }
-      }
-    }, {
-      key: 'toggle',
-      value: function toggle(event) {
-        if (this.isOpened()) {
-          this.close(event);
-        } else {
-          this.open(event);
-        }
-      }
-    }, {
-      key: 'open',
-      value: function open(event) {
-        var _this3 = this;
-
-        /* eslint no-unused-vars: 0 */
-        if (this.isOpened()) {
-          return;
-        }
-
-        if (!this.drop.parentNode) {
-          document.body.appendChild(this.drop);
-        }
-
-        if (typeof this.tether !== 'undefined') {
-          this.tether.enable();
-        }
-
-        addClass(this.drop, drop.classPrefix + '-open');
-        addClass(this.drop, drop.classPrefix + '-open-transitionend');
-
-        setTimeout(function () {
-          if (_this3.drop) {
-            addClass(_this3.drop, drop.classPrefix + '-after-open');
-          }
-        });
-
-        if (typeof this.tether !== 'undefined') {
-          this.tether.position();
-        }
-
-        this.trigger('open');
-
-        drop.updateBodyClasses();
-      }
-    }, {
-      key: '_transitionEndHandler',
-      value: function _transitionEndHandler(e) {
-        if (e.target !== e.currentTarget) {
-          return;
-        }
-
-        if (!hasClass(this.drop, drop.classPrefix + '-open')) {
-          removeClass(this.drop, drop.classPrefix + '-open-transitionend');
-        }
-        this.drop.removeEventListener(transitionEndEvent, this.transitionEndHandler);
-      }
-    }, {
-      key: 'beforeCloseHandler',
-      value: function beforeCloseHandler(event) {
-        var shouldClose = true;
-
-        if (!this.isClosing && typeof this.options.beforeClose === 'function') {
-          this.isClosing = true;
-          shouldClose = this.options.beforeClose(event, this) !== false;
-        }
-
-        this.isClosing = false;
-
-        return shouldClose;
-      }
-    }, {
-      key: 'close',
-      value: function close(event) {
-        if (!this.isOpened()) {
-          return;
-        }
-
-        if (!this.beforeCloseHandler(event)) {
-          return;
-        }
-
-        removeClass(this.drop, drop.classPrefix + '-open');
-        removeClass(this.drop, drop.classPrefix + '-after-open');
-
-        this.drop.addEventListener(transitionEndEvent, this.transitionEndHandler);
-
-        this.trigger('close');
-
-        if (typeof this.tether !== 'undefined') {
-          this.tether.disable();
-        }
-
-        drop.updateBodyClasses();
-
-        if (this.options.remove) {
-          this.remove(event);
-        }
-      }
-    }, {
-      key: 'remove',
-      value: function remove(event) {
-        this.close(event);
-        if (this.drop.parentNode) {
-          this.drop.parentNode.removeChild(this.drop);
-        }
-      }
-    }, {
-      key: 'position',
-      value: function position() {
-        if (this.isOpened() && typeof this.tether !== 'undefined') {
-          this.tether.position();
-        }
-      }
-    }, {
-      key: 'destroy',
-      value: function destroy() {
-        this.remove();
-
-        if (typeof this.tether !== 'undefined') {
-          this.tether.destroy();
-        }
-
-        for (var i = 0; i < this._boundEvents.length; ++i) {
-          var _boundEvents$i = this._boundEvents[i];
-          var element = _boundEvents$i.element;
-          var _event = _boundEvents$i.event;
-          var handler = _boundEvents$i.handler;
-
-          element.removeEventListener(_event, handler);
-        }
-
-        this._boundEvents = [];
-
-        this.tether = null;
-        this.drop = null;
-        this.content = null;
-        this.target = null;
-
-        removeFromArray(allDrops[drop.classPrefix], this);
-        removeFromArray(drop.drops, this);
-      }
-    }]);
-
-    return DropInstance;
-  })(Evented);
-
-  return drop;
-}
-
-var Drop = createContext();
-
-document.addEventListener('DOMContentLoaded', function () {
-  Drop.updateBodyClasses();
-});
-return Drop;
-
-}));
diff --git a/gui/vendor/hoverIntent.js b/gui/vendor/hoverIntent.js
deleted file mode 100755
index 62a29ce4..00000000
--- a/gui/vendor/hoverIntent.js
+++ /dev/null
@@ -1,158 +0,0 @@
-/*!
- * hoverIntent v1.8.1 // 2014.08.11 // jQuery v1.9.1+
- * http://briancherne.github.io/jquery-hoverIntent/
- *
- * You may use hoverIntent under the terms of the MIT license. Basically that
- * means you are free to use hoverIntent as long as this header is left intact.
- * Copyright 2007, 2014 Brian Cherne
- */
-
-/* hoverIntent is similar to jQuery's built-in "hover" method except that
- * instead of firing the handlerIn function immediately, hoverIntent checks
- * to see if the user's mouse has slowed down (beneath the sensitivity
- * threshold) before firing the event. The handlerOut function is only
- * called after a matching handlerIn.
- *
- * // basic usage ... just like .hover()
- * .hoverIntent( handlerIn, handlerOut )
- * .hoverIntent( handlerInOut )
- *
- * // basic usage ... with event delegation!
- * .hoverIntent( handlerIn, handlerOut, selector )
- * .hoverIntent( handlerInOut, selector )
- *
- * // using a basic configuration object
- * .hoverIntent( config )
- *
- * @param  handlerIn   function OR configuration object
- * @param  handlerOut  function OR selector for delegation OR undefined
- * @param  selector    selector OR undefined
- * @author Brian Cherne <brian(at)cherne(dot)net>
- */
-
-(function(factory) {
-    'use strict';
-    if (typeof define === 'function' && define.amd) {
-        define(['jquery'], factory);
-    } else if (jQuery && !jQuery.fn.hoverIntent) {
-        factory(jQuery);
-    }
-})(function($) {
-    'use strict';
-
-    // default configuration values
-    var _cfg = {
-        interval: 100,
-        sensitivity: 6,
-        timeout: 0
-    };
-
-    // counter used to generate an ID for each instance
-    var INSTANCE_COUNT = 0;
-
-    // current X and Y position of mouse, updated during mousemove tracking (shared across instances)
-    var cX, cY;
-
-    // saves the current pointer position coordinates based on the given mousemove event
-    var track = function(ev) {
-        cX = ev.pageX;
-        cY = ev.pageY;
-    };
-
-    // compares current and previous mouse positions
-    var compare = function(ev,$el,s,cfg) {
-        // compare mouse positions to see if pointer has slowed enough to trigger `over` function
-        if ( Math.sqrt( (s.pX-cX)*(s.pX-cX) + (s.pY-cY)*(s.pY-cY) ) < cfg.sensitivity ) {
-            $el.off(s.event,track);
-            delete s.timeoutId;
-            // set hoverIntent state as active for this element (permits `out` handler to trigger)
-            s.isActive = true;
-            // overwrite old mouseenter event coordinates with most recent pointer position
-            ev.pageX = cX; ev.pageY = cY;
-            // clear coordinate data from state object
-            delete s.pX; delete s.pY;
-            return cfg.over.apply($el[0],[ev]);
-        } else {
-            // set previous coordinates for next comparison
-            s.pX = cX; s.pY = cY;
-            // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
-            s.timeoutId = setTimeout( function(){compare(ev, $el, s, cfg);} , cfg.interval );
-        }
-    };
-
-    // triggers given `out` function at configured `timeout` after a mouseleave and clears state
-    var delay = function(ev,$el,s,out) {
-        delete $el.data('hoverIntent')[s.id];
-        return out.apply($el[0],[ev]);
-    };
-
-    $.fn.hoverIntent = function(handlerIn,handlerOut,selector) {
-        // instance ID, used as a key to store and retrieve state information on an element
-        var instanceId = INSTANCE_COUNT++;
-
-        // extend the default configuration and parse parameters
-        var cfg = $.extend({}, _cfg);
-        if ( $.isPlainObject(handlerIn) ) {
-            cfg = $.extend(cfg, handlerIn);
-            if ( !$.isFunction(cfg.out) ) {
-                cfg.out = cfg.over;
-            }
-        } else if ( $.isFunction(handlerOut) ) {
-            cfg = $.extend(cfg, { over: handlerIn, out: handlerOut, selector: selector } );
-        } else {
-            cfg = $.extend(cfg, { over: handlerIn, out: handlerIn, selector: handlerOut } );
-        }
-
-        // A private function for handling mouse 'hovering'
-        var handleHover = function(e) {
-            // cloned event to pass to handlers (copy required for event object to be passed in IE)
-            var ev = $.extend({},e);
-
-            // the current target of the mouse event, wrapped in a jQuery object
-            var $el = $(this);
-
-            // read hoverIntent data from element (or initialize if not present)
-            var hoverIntentData = $el.data('hoverIntent');
-            if (!hoverIntentData) { $el.data('hoverIntent', (hoverIntentData = {})); }
-
-            // read per-instance state from element (or initialize if not present)
-            var state = hoverIntentData[instanceId];
-            if (!state) { hoverIntentData[instanceId] = state = { id: instanceId }; }
-
-            // state properties:
-            // id = instance ID, used to clean up data
-            // timeoutId = timeout ID, reused for tracking mouse position and delaying "out" handler
-            // isActive = plugin state, true after `over` is called just until `out` is called
-            // pX, pY = previously-measured pointer coordinates, updated at each polling interval
-            // event = string representing the namespaced event used for mouse tracking
-
-            // clear any existing timeout
-            if (state.timeoutId) { state.timeoutId = clearTimeout(state.timeoutId); }
-
-            // namespaced event used to register and unregister mousemove tracking
-            var mousemove = state.event = 'mousemove.hoverIntent.hoverIntent'+instanceId;
-
-            // handle the event, based on its type
-            if (e.type === 'mouseenter') {
-                // do nothing if already active
-                if (state.isActive) { return; }
-                // set "previous" X and Y position based on initial entry point
-                state.pX = ev.pageX; state.pY = ev.pageY;
-                // update "current" X and Y position based on mousemove
-                $el.off(mousemove,track).on(mousemove,track);
-                // start polling interval (self-calling timeout) to compare mouse coordinates over time
-                state.timeoutId = setTimeout( function(){compare(ev,$el,state,cfg);} , cfg.interval );
-            } else { // "mouseleave"
-                // do nothing if not already active
-                if (!state.isActive) { return; }
-                // unbind expensive mousemove event
-                $el.off(mousemove,track);
-                // if hoverIntent state is true, then call the mouseOut function after the specified delay
-                state.timeoutId = setTimeout( function(){delay(ev,$el,state,cfg.out);} , cfg.timeout );
-            }
-        };
-
-        // listen for mouseenter and mouseleave
-        return this.on({'mouseenter.hoverIntent':handleHover,'mouseleave.hoverIntent':handleHover}, cfg.selector);
-    };
-});
diff --git a/gui/vendor/tether.js b/gui/vendor/tether.js
deleted file mode 100644
index 49b2c220..00000000
--- a/gui/vendor/tether.js
+++ /dev/null
@@ -1,1811 +0,0 @@
-/*! tether 1.4.0 */
-
-(function(root, factory) {
-  if (typeof define === 'function' && define.amd) {
-    define(factory);
-  } else if (typeof exports === 'object') {
-    module.exports = factory(require, exports, module);
-  } else {
-    root.Tether = factory();
-  }
-}(this, function(require, exports, module) {
-
-'use strict';
-
-var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
-var TetherBase = undefined;
-if (typeof TetherBase === 'undefined') {
-  TetherBase = { modules: [] };
-}
-
-var zeroElement = null;
-
-// Same as native getBoundingClientRect, except it takes into account parent <frame> offsets
-// if the element lies within a nested document (<frame> or <iframe>-like).
-function getActualBoundingClientRect(node) {
-  var boundingRect = node.getBoundingClientRect();
-
-  // The original object returned by getBoundingClientRect is immutable, so we clone it
-  // We can't use extend because the properties are not considered part of the object by hasOwnProperty in IE9
-  var rect = {};
-  for (var k in boundingRect) {
-    rect[k] = boundingRect[k];
-  }
-
-  if (node.ownerDocument !== document) {
-    var _frameElement = node.ownerDocument.defaultView.frameElement;
-    if (_frameElement) {
-      var frameRect = getActualBoundingClientRect(_frameElement);
-      rect.top += frameRect.top;
-      rect.bottom += frameRect.top;
-      rect.left += frameRect.left;
-      rect.right += frameRect.left;
-    }
-  }
-
-  return rect;
-}
-
-function getScrollParents(el) {
-  // In firefox if the el is inside an iframe with display: none; window.getComputedStyle() will return null;
-  // https://bugzilla.mozilla.org/show_bug.cgi?id=548397
-  var computedStyle = getComputedStyle(el) || {};
-  var position = computedStyle.position;
-  var parents = [];
-
-  if (position === 'fixed') {
-    return [el];
-  }
-
-  var parent = el;
-  while ((parent = parent.parentNode) && parent && parent.nodeType === 1) {
-    var style = undefined;
-    try {
-      style = getComputedStyle(parent);
-    } catch (err) {}
-
-    if (typeof style === 'undefined' || style === null) {
-      parents.push(parent);
-      return parents;
-    }
-
-    var _style = style;
-    var overflow = _style.overflow;
-    var overflowX = _style.overflowX;
-    var overflowY = _style.overflowY;
-
-    if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
-      if (position !== 'absolute' || ['relative', 'absolute', 'fixed'].indexOf(style.position) >= 0) {
-        parents.push(parent);
-      }
-    }
-  }
-
-  parents.push(el.ownerDocument.body);
-
-  // If the node is within a frame, account for the parent window scroll
-  if (el.ownerDocument !== document) {
-    parents.push(el.ownerDocument.defaultView);
-  }
-
-  return parents;
-}
-
-var uniqueId = (function () {
-  var id = 0;
-  return function () {
-    return ++id;
-  };
-})();
-
-var zeroPosCache = {};
-var getOrigin = function getOrigin() {
-  // getBoundingClientRect is unfortunately too accurate.  It introduces a pixel or two of
-  // jitter as the user scrolls that messes with our ability to detect if two positions
-  // are equivilant or not.  We place an element at the top left of the page that will
-  // get the same jitter, so we can cancel the two out.
-  var node = zeroElement;
-  if (!node || !document.body.contains(node)) {
-    node = document.createElement('div');
-    node.setAttribute('data-tether-id', uniqueId());
-    extend(node.style, {
-      top: 0,
-      left: 0,
-      position: 'absolute'
-    });
-
-    document.body.appendChild(node);
-
-    zeroElement = node;
-  }
-
-  var id = node.getAttribute('data-tether-id');
-  if (typeof zeroPosCache[id] === 'undefined') {
-    zeroPosCache[id] = getActualBoundingClientRect(node);
-
-    // Clear the cache when this position call is done
-    defer(function () {
-      delete zeroPosCache[id];
-    });
-  }
-
-  return zeroPosCache[id];
-};
-
-function removeUtilElements() {
-  if (zeroElement) {
-    document.body.removeChild(zeroElement);
-  }
-  zeroElement = null;
-};
-
-function getBounds(el) {
-  var doc = undefined;
-  if (el === document) {
-    doc = document;
-    el = document.documentElement;
-  } else {
-    doc = el.ownerDocument;
-  }
-
-  var docEl = doc.documentElement;
-
-  var box = getActualBoundingClientRect(el);
-
-  var origin = getOrigin();
-
-  box.top -= origin.top;
-  box.left -= origin.left;
-
-  if (typeof box.width === 'undefined') {
-    box.width = document.body.scrollWidth - box.left - box.right;
-  }
-  if (typeof box.height === 'undefined') {
-    box.height = document.body.scrollHeight - box.top - box.bottom;
-  }
-
-  box.top = box.top - docEl.clientTop;
-  box.left = box.left - docEl.clientLeft;
-  box.right = doc.body.clientWidth - box.width - box.left;
-  box.bottom = doc.body.clientHeight - box.height - box.top;
-
-  return box;
-}
-
-function getOffsetParent(el) {
-  return el.offsetParent || document.documentElement;
-}
-
-var _scrollBarSize = null;
-function getScrollBarSize() {
-  if (_scrollBarSize) {
-    return _scrollBarSize;
-  }
-  var inner = document.createElement('div');
-  inner.style.width = '100%';
-  inner.style.height = '200px';
-
-  var outer = document.createElement('div');
-  extend(outer.style, {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    pointerEvents: 'none',
-    visibility: 'hidden',
-    width: '200px',
-    height: '150px',
-    overflow: 'hidden'
-  });
-
-  outer.appendChild(inner);
-
-  document.body.appendChild(outer);
-
-  var widthContained = inner.offsetWidth;
-  outer.style.overflow = 'scroll';
-  var widthScroll = inner.offsetWidth;
-
-  if (widthContained === widthScroll) {
-    widthScroll = outer.clientWidth;
-  }
-
-  document.body.removeChild(outer);
-
-  var width = widthContained - widthScroll;
-
-  _scrollBarSize = { width: width, height: width };
-  return _scrollBarSize;
-}
-
-function extend() {
-  var out = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
-
-  var args = [];
-
-  Array.prototype.push.apply(args, arguments);
-
-  args.slice(1).forEach(function (obj) {
-    if (obj) {
-      for (var key in obj) {
-        if (({}).hasOwnProperty.call(obj, key)) {
-          out[key] = obj[key];
-        }
-      }
-    }
-  });
-
-  return out;
-}
-
-function removeClass(el, name) {
-  if (typeof el.classList !== 'undefined') {
-    name.split(' ').forEach(function (cls) {
-      if (cls.trim()) {
-        el.classList.remove(cls);
-      }
-    });
-  } else {
-    var regex = new RegExp('(^| )' + name.split(' ').join('|') + '( |$)', 'gi');
-    var className = getClassName(el).replace(regex, ' ');
-    setClassName(el, className);
-  }
-}
-
-function addClass(el, name) {
-  if (typeof el.classList !== 'undefined') {
-    name.split(' ').forEach(function (cls) {
-      if (cls.trim()) {
-        el.classList.add(cls);
-      }
-    });
-  } else {
-    removeClass(el, name);
-    var cls = getClassName(el) + (' ' + name);
-    setClassName(el, cls);
-  }
-}
-
-function hasClass(el, name) {
-  if (typeof el.classList !== 'undefined') {
-    return el.classList.contains(name);
-  }
-  var className = getClassName(el);
-  return new RegExp('(^| )' + name + '( |$)', 'gi').test(className);
-}
-
-function getClassName(el) {
-  // Can't use just SVGAnimatedString here since nodes within a Frame in IE have
-  // completely separately SVGAnimatedString base classes
-  if (el.className instanceof el.ownerDocument.defaultView.SVGAnimatedString) {
-    return el.className.baseVal;
-  }
-  return el.className;
-}
-
-function setClassName(el, className) {
-  el.setAttribute('class', className);
-}
-
-function updateClasses(el, add, all) {
-  // Of the set of 'all' classes, we need the 'add' classes, and only the
-  // 'add' classes to be set.
-  all.forEach(function (cls) {
-    if (add.indexOf(cls) === -1 && hasClass(el, cls)) {
-      removeClass(el, cls);
-    }
-  });
-
-  add.forEach(function (cls) {
-    if (!hasClass(el, cls)) {
-      addClass(el, cls);
-    }
-  });
-}
-
-var deferred = [];
-
-var defer = function defer(fn) {
-  deferred.push(fn);
-};
-
-var flush = function flush() {
-  var fn = undefined;
-  while (fn = deferred.pop()) {
-    fn();
-  }
-};
-
-var Evented = (function () {
-  function Evented() {
-    _classCallCheck(this, Evented);
-  }
-
-  _createClass(Evented, [{
-    key: 'on',
-    value: function on(event, handler, ctx) {
-      var once = arguments.length <= 3 || arguments[3] === undefined ? false : arguments[3];
-
-      if (typeof this.bindings === 'undefined') {
-        this.bindings = {};
-      }
-      if (typeof this.bindings[event] === 'undefined') {
-        this.bindings[event] = [];
-      }
-      this.bindings[event].push({ handler: handler, ctx: ctx, once: once });
-    }
-  }, {
-    key: 'once',
-    value: function once(event, handler, ctx) {
-      this.on(event, handler, ctx, true);
-    }
-  }, {
-    key: 'off',
-    value: function off(event, handler) {
-      if (typeof this.bindings === 'undefined' || typeof this.bindings[event] === 'undefined') {
-        return;
-      }
-
-      if (typeof handler === 'undefined') {
-        delete this.bindings[event];
-      } else {
-        var i = 0;
-        while (i < this.bindings[event].length) {
-          if (this.bindings[event][i].handler === handler) {
-            this.bindings[event].splice(i, 1);
-          } else {
-            ++i;
-          }
-        }
-      }
-    }
-  }, {
-    key: 'trigger',
-    value: function trigger(event) {
-      if (typeof this.bindings !== 'undefined' && this.bindings[event]) {
-        var i = 0;
-
-        for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          args[_key - 1] = arguments[_key];
-        }
-
-        while (i < this.bindings[event].length) {
-          var _bindings$event$i = this.bindings[event][i];
-          var handler = _bindings$event$i.handler;
-          var ctx = _bindings$event$i.ctx;
-          var once = _bindings$event$i.once;
-
-          var context = ctx;
-          if (typeof context === 'undefined') {
-            context = this;
-          }
-
-          handler.apply(context, args);
-
-          if (once) {
-            this.bindings[event].splice(i, 1);
-          } else {
-            ++i;
-          }
-        }
-      }
-    }
-  }]);
-
-  return Evented;
-})();
-
-TetherBase.Utils = {
-  getActualBoundingClientRect: getActualBoundingClientRect,
-  getScrollParents: getScrollParents,
-  getBounds: getBounds,
-  getOffsetParent: getOffsetParent,
-  extend: extend,
-  addClass: addClass,
-  removeClass: removeClass,
-  hasClass: hasClass,
-  updateClasses: updateClasses,
-  defer: defer,
-  flush: flush,
-  uniqueId: uniqueId,
-  Evented: Evented,
-  getScrollBarSize: getScrollBarSize,
-  removeUtilElements: removeUtilElements
-};
-/* globals TetherBase, performance */
-
-'use strict';
-
-var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
-
-var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
-var _get = function get(_x6, _x7, _x8) { var _again = true; _function: while (_again) { var object = _x6, property = _x7, receiver = _x8; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x6 = parent; _x7 = property; _x8 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-if (typeof TetherBase === 'undefined') {
-  throw new Error('You must include the utils.js file before tether.js');
-}
-
-var _TetherBase$Utils = TetherBase.Utils;
-var getScrollParents = _TetherBase$Utils.getScrollParents;
-var getBounds = _TetherBase$Utils.getBounds;
-var getOffsetParent = _TetherBase$Utils.getOffsetParent;
-var extend = _TetherBase$Utils.extend;
-var addClass = _TetherBase$Utils.addClass;
-var removeClass = _TetherBase$Utils.removeClass;
-var updateClasses = _TetherBase$Utils.updateClasses;
-var defer = _TetherBase$Utils.defer;
-var flush = _TetherBase$Utils.flush;
-var getScrollBarSize = _TetherBase$Utils.getScrollBarSize;
-var removeUtilElements = _TetherBase$Utils.removeUtilElements;
-
-function within(a, b) {
-  var diff = arguments.length <= 2 || arguments[2] === undefined ? 1 : arguments[2];
-
-  return a + diff >= b && b >= a - diff;
-}
-
-var transformKey = (function () {
-  if (typeof document === 'undefined') {
-    return '';
-  }
-  var el = document.createElement('div');
-
-  var transforms = ['transform', 'WebkitTransform', 'OTransform', 'MozTransform', 'msTransform'];
-  for (var i = 0; i < transforms.length; ++i) {
-    var key = transforms[i];
-    if (el.style[key] !== undefined) {
-      return key;
-    }
-  }
-})();
-
-var tethers = [];
-
-var position = function position() {
-  tethers.forEach(function (tether) {
-    tether.position(false);
-  });
-  flush();
-};
-
-function now() {
-  if (typeof performance !== 'undefined' && typeof performance.now !== 'undefined') {
-    return performance.now();
-  }
-  return +new Date();
-}
-
-(function () {
-  var lastCall = null;
-  var lastDuration = null;
-  var pendingTimeout = null;
-
-  var tick = function tick() {
-    if (typeof lastDuration !== 'undefined' && lastDuration > 16) {
-      // We voluntarily throttle ourselves if we can't manage 60fps
-      lastDuration = Math.min(lastDuration - 16, 250);
-
-      // Just in case this is the last event, remember to position just once more
-      pendingTimeout = setTimeout(tick, 250);
-      return;
-    }
-
-    if (typeof lastCall !== 'undefined' && now() - lastCall < 10) {
-      // Some browsers call events a little too frequently, refuse to run more than is reasonable
-      return;
-    }
-
-    if (pendingTimeout != null) {
-      clearTimeout(pendingTimeout);
-      pendingTimeout = null;
-    }
-
-    lastCall = now();
-    position();
-    lastDuration = now() - lastCall;
-  };
-
-  if (typeof window !== 'undefined' && typeof window.addEventListener !== 'undefined') {
-    ['resize', 'scroll', 'touchmove'].forEach(function (event) {
-      window.addEventListener(event, tick);
-    });
-  }
-})();
-
-var MIRROR_LR = {
-  center: 'center',
-  left: 'right',
-  right: 'left'
-};
-
-var MIRROR_TB = {
-  middle: 'middle',
-  top: 'bottom',
-  bottom: 'top'
-};
-
-var OFFSET_MAP = {
-  top: 0,
-  left: 0,
-  middle: '50%',
-  center: '50%',
-  bottom: '100%',
-  right: '100%'
-};
-
-var autoToFixedAttachment = function autoToFixedAttachment(attachment, relativeToAttachment) {
-  var left = attachment.left;
-  var top = attachment.top;
-
-  if (left === 'auto') {
-    left = MIRROR_LR[relativeToAttachment.left];
-  }
-
-  if (top === 'auto') {
-    top = MIRROR_TB[relativeToAttachment.top];
-  }
-
-  return { left: left, top: top };
-};
-
-var attachmentToOffset = function attachmentToOffset(attachment) {
-  var left = attachment.left;
-  var top = attachment.top;
-
-  if (typeof OFFSET_MAP[attachment.left] !== 'undefined') {
-    left = OFFSET_MAP[attachment.left];
-  }
-
-  if (typeof OFFSET_MAP[attachment.top] !== 'undefined') {
-    top = OFFSET_MAP[attachment.top];
-  }
-
-  return { left: left, top: top };
-};
-
-function addOffset() {
-  var out = { top: 0, left: 0 };
-
-  for (var _len = arguments.length, offsets = Array(_len), _key = 0; _key < _len; _key++) {
-    offsets[_key] = arguments[_key];
-  }
-
-  offsets.forEach(function (_ref) {
-    var top = _ref.top;
-    var left = _ref.left;
-
-    if (typeof top === 'string') {
-      top = parseFloat(top, 10);
-    }
-    if (typeof left === 'string') {
-      left = parseFloat(left, 10);
-    }
-
-    out.top += top;
-    out.left += left;
-  });
-
-  return out;
-}
-
-function offsetToPx(offset, size) {
-  if (typeof offset.left === 'string' && offset.left.indexOf('%') !== -1) {
-    offset.left = parseFloat(offset.left, 10) / 100 * size.width;
-  }
-  if (typeof offset.top === 'string' && offset.top.indexOf('%') !== -1) {
-    offset.top = parseFloat(offset.top, 10) / 100 * size.height;
-  }
-
-  return offset;
-}
-
-var parseOffset = function parseOffset(value) {
-  var _value$split = value.split(' ');
-
-  var _value$split2 = _slicedToArray(_value$split, 2);
-
-  var top = _value$split2[0];
-  var left = _value$split2[1];
-
-  return { top: top, left: left };
-};
-var parseAttachment = parseOffset;
-
-var TetherClass = (function (_Evented) {
-  _inherits(TetherClass, _Evented);
-
-  function TetherClass(options) {
-    var _this = this;
-
-    _classCallCheck(this, TetherClass);
-
-    _get(Object.getPrototypeOf(TetherClass.prototype), 'constructor', this).call(this);
-    this.position = this.position.bind(this);
-
-    tethers.push(this);
-
-    this.history = [];
-
-    this.setOptions(options, false);
-
-    TetherBase.modules.forEach(function (module) {
-      if (typeof module.initialize !== 'undefined') {
-        module.initialize.call(_this);
-      }
-    });
-
-    this.position();
-  }
-
-  _createClass(TetherClass, [{
-    key: 'getClass',
-    value: function getClass() {
-      var key = arguments.length <= 0 || arguments[0] === undefined ? '' : arguments[0];
-      var classes = this.options.classes;
-
-      if (typeof classes !== 'undefined' && classes[key]) {
-        return this.options.classes[key];
-      } else if (this.options.classPrefix) {
-        return this.options.classPrefix + '-' + key;
-      } else {
-        return key;
-      }
-    }
-  }, {
-    key: 'setOptions',
-    value: function setOptions(options) {
-      var _this2 = this;
-
-      var pos = arguments.length <= 1 || arguments[1] === undefined ? true : arguments[1];
-
-      var defaults = {
-        offset: '0 0',
-        targetOffset: '0 0',
-        targetAttachment: 'auto auto',
-        classPrefix: 'tether'
-      };
-
-      this.options = extend(defaults, options);
-
-      var _options = this.options;
-      var element = _options.element;
-      var target = _options.target;
-      var targetModifier = _options.targetModifier;
-
-      this.element = element;
-      this.target = target;
-      this.targetModifier = targetModifier;
-
-      if (this.target === 'viewport') {
-        this.target = document.body;
-        this.targetModifier = 'visible';
-      } else if (this.target === 'scroll-handle') {
-        this.target = document.body;
-        this.targetModifier = 'scroll-handle';
-      }
-
-      ['element', 'target'].forEach(function (key) {
-        if (typeof _this2[key] === 'undefined') {
-          throw new Error('Tether Error: Both element and target must be defined');
-        }
-
-        if (typeof _this2[key].jquery !== 'undefined') {
-          _this2[key] = _this2[key][0];
-        } else if (typeof _this2[key] === 'string') {
-          _this2[key] = document.querySelector(_this2[key]);
-        }
-      });
-
-      addClass(this.element, this.getClass('element'));
-      if (!(this.options.addTargetClasses === false)) {
-        addClass(this.target, this.getClass('target'));
-      }
-
-      if (!this.options.attachment) {
-        throw new Error('Tether Error: You must provide an attachment');
-      }
-
-      this.targetAttachment = parseAttachment(this.options.targetAttachment);
-      this.attachment = parseAttachment(this.options.attachment);
-      this.offset = parseOffset(this.options.offset);
-      this.targetOffset = parseOffset(this.options.targetOffset);
-
-      if (typeof this.scrollParents !== 'undefined') {
-        this.disable();
-      }
-
-      if (this.targetModifier === 'scroll-handle') {
-        this.scrollParents = [this.target];
-      } else {
-        this.scrollParents = getScrollParents(this.target);
-      }
-
-      if (!(this.options.enabled === false)) {
-        this.enable(pos);
-      }
-    }
-  }, {
-    key: 'getTargetBounds',
-    value: function getTargetBounds() {
-      if (typeof this.targetModifier !== 'undefined') {
-        if (this.targetModifier === 'visible') {
-          if (this.target === document.body) {
-            return { top: pageYOffset, left: pageXOffset, height: innerHeight, width: innerWidth };
-          } else {
-            var bounds = getBounds(this.target);
-
-            var out = {
-              height: bounds.height,
-              width: bounds.width,
-              top: bounds.top,
-              left: bounds.left
-            };
-
-            out.height = Math.min(out.height, bounds.height - (pageYOffset - bounds.top));
-            out.height = Math.min(out.height, bounds.height - (bounds.top + bounds.height - (pageYOffset + innerHeight)));
-            out.height = Math.min(innerHeight, out.height);
-            out.height -= 2;
-
-            out.width = Math.min(out.width, bounds.width - (pageXOffset - bounds.left));
-            out.width = Math.min(out.width, bounds.width - (bounds.left + bounds.width - (pageXOffset + innerWidth)));
-            out.width = Math.min(innerWidth, out.width);
-            out.width -= 2;
-
-            if (out.top < pageYOffset) {
-              out.top = pageYOffset;
-            }
-            if (out.left < pageXOffset) {
-              out.left = pageXOffset;
-            }
-
-            return out;
-          }
-        } else if (this.targetModifier === 'scroll-handle') {
-          var bounds = undefined;
-          var target = this.target;
-          if (target === document.body) {
-            target = document.documentElement;
-
-            bounds = {
-              left: pageXOffset,
-              top: pageYOffset,
-              height: innerHeight,
-              width: innerWidth
-            };
-          } else {
-            bounds = getBounds(target);
-          }
-
-          var style = getComputedStyle(target);
-
-          var hasBottomScroll = target.scrollWidth > target.clientWidth || [style.overflow, style.overflowX].indexOf('scroll') >= 0 || this.target !== document.body;
-
-          var scrollBottom = 0;
-          if (hasBottomScroll) {
-            scrollBottom = 15;
-          }
-
-          var height = bounds.height - parseFloat(style.borderTopWidth) - parseFloat(style.borderBottomWidth) - scrollBottom;
-
-          var out = {
-            width: 15,
-            height: height * 0.975 * (height / target.scrollHeight),
-            left: bounds.left + bounds.width - parseFloat(style.borderLeftWidth) - 15
-          };
-
-          var fitAdj = 0;
-          if (height < 408 && this.target === document.body) {
-            fitAdj = -0.00011 * Math.pow(height, 2) - 0.00727 * height + 22.58;
-          }
-
-          if (this.target !== document.body) {
-            out.height = Math.max(out.height, 24);
-          }
-
-          var scrollPercentage = this.target.scrollTop / (target.scrollHeight - height);
-          out.top = scrollPercentage * (height - out.height - fitAdj) + bounds.top + parseFloat(style.borderTopWidth);
-
-          if (this.target === document.body) {
-            out.height = Math.max(out.height, 24);
-          }
-
-          return out;
-        }
-      } else {
-        return getBounds(this.target);
-      }
-    }
-  }, {
-    key: 'clearCache',
-    value: function clearCache() {
-      this._cache = {};
-    }
-  }, {
-    key: 'cache',
-    value: function cache(k, getter) {
-      // More than one module will often need the same DOM info, so
-      // we keep a cache which is cleared on each position call
-      if (typeof this._cache === 'undefined') {
-        this._cache = {};
-      }
-
-      if (typeof this._cache[k] === 'undefined') {
-        this._cache[k] = getter.call(this);
-      }
-
-      return this._cache[k];
-    }
-  }, {
-    key: 'enable',
-    value: function enable() {
-      var _this3 = this;
-
-      var pos = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];
-
-      if (!(this.options.addTargetClasses === false)) {
-        addClass(this.target, this.getClass('enabled'));
-      }
-      addClass(this.element, this.getClass('enabled'));
-      this.enabled = true;
-
-      this.scrollParents.forEach(function (parent) {
-        if (parent !== _this3.target.ownerDocument) {
-          parent.addEventListener('scroll', _this3.position);
-        }
-      });
-
-      if (pos) {
-        this.position();
-      }
-    }
-  }, {
-    key: 'disable',
-    value: function disable() {
-      var _this4 = this;
-
-      removeClass(this.target, this.getClass('enabled'));
-      removeClass(this.element, this.getClass('enabled'));
-      this.enabled = false;
-
-      if (typeof this.scrollParents !== 'undefined') {
-        this.scrollParents.forEach(function (parent) {
-          parent.removeEventListener('scroll', _this4.position);
-        });
-      }
-    }
-  }, {
-    key: 'destroy',
-    value: function destroy() {
-      var _this5 = this;
-
-      this.disable();
-
-      tethers.forEach(function (tether, i) {
-        if (tether === _this5) {
-          tethers.splice(i, 1);
-        }
-      });
-
-      // Remove any elements we were using for convenience from the DOM
-      if (tethers.length === 0) {
-        removeUtilElements();
-      }
-    }
-  }, {
-    key: 'updateAttachClasses',
-    value: function updateAttachClasses(elementAttach, targetAttach) {
-      var _this6 = this;
-
-      elementAttach = elementAttach || this.attachment;
-      targetAttach = targetAttach || this.targetAttachment;
-      var sides = ['left', 'top', 'bottom', 'right', 'middle', 'center'];
-
-      if (typeof this._addAttachClasses !== 'undefined' && this._addAttachClasses.length) {
-        // updateAttachClasses can be called more than once in a position call, so
-        // we need to clean up after ourselves such that when the last defer gets
-        // ran it doesn't add any extra classes from previous calls.
-        this._addAttachClasses.splice(0, this._addAttachClasses.length);
-      }
-
-      if (typeof this._addAttachClasses === 'undefined') {
-        this._addAttachClasses = [];
-      }
-      var add = this._addAttachClasses;
-
-      if (elementAttach.top) {
-        add.push(this.getClass('element-attached') + '-' + elementAttach.top);
-      }
-      if (elementAttach.left) {
-        add.push(this.getClass('element-attached') + '-' + elementAttach.left);
-      }
-      if (targetAttach.top) {
-        add.push(this.getClass('target-attached') + '-' + targetAttach.top);
-      }
-      if (targetAttach.left) {
-        add.push(this.getClass('target-attached') + '-' + targetAttach.left);
-      }
-
-      var all = [];
-      sides.forEach(function (side) {
-        all.push(_this6.getClass('element-attached') + '-' + side);
-        all.push(_this6.getClass('target-attached') + '-' + side);
-      });
-
-      defer(function () {
-        if (!(typeof _this6._addAttachClasses !== 'undefined')) {
-          return;
-        }
-
-        updateClasses(_this6.element, _this6._addAttachClasses, all);
-        if (!(_this6.options.addTargetClasses === false)) {
-          updateClasses(_this6.target, _this6._addAttachClasses, all);
-        }
-
-        delete _this6._addAttachClasses;
-      });
-    }
-  }, {
-    key: 'position',
-    value: function position() {
-      var _this7 = this;
-
-      var flushChanges = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];
-
-      // flushChanges commits the changes immediately, leave true unless you are positioning multiple
-      // tethers (in which case call Tether.Utils.flush yourself when you're done)
-
-      if (!this.enabled) {
-        return;
-      }
-
-      this.clearCache();
-
-      // Turn 'auto' attachments into the appropriate corner or edge
-      var targetAttachment = autoToFixedAttachment(this.targetAttachment, this.attachment);
-
-      this.updateAttachClasses(this.attachment, targetAttachment);
-
-      var elementPos = this.cache('element-bounds', function () {
-        return getBounds(_this7.element);
-      });
-
-      var width = elementPos.width;
-      var height = elementPos.height;
-
-      if (width === 0 && height === 0 && typeof this.lastSize !== 'undefined') {
-        var _lastSize = this.lastSize;
-
-        // We cache the height and width to make it possible to position elements that are
-        // getting hidden.
-        width = _lastSize.width;
-        height = _lastSize.height;
-      } else {
-        this.lastSize = { width: width, height: height };
-      }
-
-      var targetPos = this.cache('target-bounds', function () {
-        return _this7.getTargetBounds();
-      });
-      var targetSize = targetPos;
-
-      // Get an actual px offset from the attachment
-      var offset = offsetToPx(attachmentToOffset(this.attachment), { width: width, height: height });
-      var targetOffset = offsetToPx(attachmentToOffset(targetAttachment), targetSize);
-
-      var manualOffset = offsetToPx(this.offset, { width: width, height: height });
-      var manualTargetOffset = offsetToPx(this.targetOffset, targetSize);
-
-      // Add the manually provided offset
-      offset = addOffset(offset, manualOffset);
-      targetOffset = addOffset(targetOffset, manualTargetOffset);
-
-      // It's now our goal to make (element position + offset) == (target position + target offset)
-      var left = targetPos.left + targetOffset.left - offset.left;
-      var top = targetPos.top + targetOffset.top - offset.top;
-
-      for (var i = 0; i < TetherBase.modules.length; ++i) {
-        var _module2 = TetherBase.modules[i];
-        var ret = _module2.position.call(this, {
-          left: left,
-          top: top,
-          targetAttachment: targetAttachment,
-          targetPos: targetPos,
-          elementPos: elementPos,
-          offset: offset,
-          targetOffset: targetOffset,
-          manualOffset: manualOffset,
-          manualTargetOffset: manualTargetOffset,
-          scrollbarSize: scrollbarSize,
-          attachment: this.attachment
-        });
-
-        if (ret === false) {
-          return false;
-        } else if (typeof ret === 'undefined' || typeof ret !== 'object') {
-          continue;
-        } else {
-          top = ret.top;
-          left = ret.left;
-        }
-      }
-
-      // We describe the position three different ways to give the optimizer
-      // a chance to decide the best possible way to position the element
-      // with the fewest repaints.
-      var next = {
-        // It's position relative to the page (absolute positioning when
-        // the element is a child of the body)
-        page: {
-          top: top,
-          left: left
-        },
-
-        // It's position relative to the viewport (fixed positioning)
-        viewport: {
-          top: top - pageYOffset,
-          bottom: pageYOffset - top - height + innerHeight,
-          left: left - pageXOffset,
-          right: pageXOffset - left - width + innerWidth
-        }
-      };
-
-      var doc = this.target.ownerDocument;
-      var win = doc.defaultView;
-
-      var scrollbarSize = undefined;
-      if (win.innerHeight > doc.documentElement.clientHeight) {
-        scrollbarSize = this.cache('scrollbar-size', getScrollBarSize);
-        next.viewport.bottom -= scrollbarSize.height;
-      }
-
-      if (win.innerWidth > doc.documentElement.clientWidth) {
-        scrollbarSize = this.cache('scrollbar-size', getScrollBarSize);
-        next.viewport.right -= scrollbarSize.width;
-      }
-
-      if (['', 'static'].indexOf(doc.body.style.position) === -1 || ['', 'static'].indexOf(doc.body.parentElement.style.position) === -1) {
-        // Absolute positioning in the body will be relative to the page, not the 'initial containing block'
-        next.page.bottom = doc.body.scrollHeight - top - height;
-        next.page.right = doc.body.scrollWidth - left - width;
-      }
-
-      if (typeof this.options.optimizations !== 'undefined' && this.options.optimizations.moveElement !== false && !(typeof this.targetModifier !== 'undefined')) {
-        (function () {
-          var offsetParent = _this7.cache('target-offsetparent', function () {
-            return getOffsetParent(_this7.target);
-          });
-          var offsetPosition = _this7.cache('target-offsetparent-bounds', function () {
-            return getBounds(offsetParent);
-          });
-          var offsetParentStyle = getComputedStyle(offsetParent);
-          var offsetParentSize = offsetPosition;
-
-          var offsetBorder = {};
-          ['Top', 'Left', 'Bottom', 'Right'].forEach(function (side) {
-            offsetBorder[side.toLowerCase()] = parseFloat(offsetParentStyle['border' + side + 'Width']);
-          });
-
-          offsetPosition.right = doc.body.scrollWidth - offsetPosition.left - offsetParentSize.width + offsetBorder.right;
-          offsetPosition.bottom = doc.body.scrollHeight - offsetPosition.top - offsetParentSize.height + offsetBorder.bottom;
-
-          if (next.page.top >= offsetPosition.top + offsetBorder.top && next.page.bottom >= offsetPosition.bottom) {
-            if (next.page.left >= offsetPosition.left + offsetBorder.left && next.page.right >= offsetPosition.right) {
-              // We're within the visible part of the target's scroll parent
-              var scrollTop = offsetParent.scrollTop;
-              var scrollLeft = offsetParent.scrollLeft;
-
-              // It's position relative to the target's offset parent (absolute positioning when
-              // the element is moved to be a child of the target's offset parent).
-              next.offset = {
-                top: next.page.top - offsetPosition.top + scrollTop - offsetBorder.top,
-                left: next.page.left - offsetPosition.left + scrollLeft - offsetBorder.left
-              };
-            }
-          }
-        })();
-      }
-
-      // We could also travel up the DOM and try each containing context, rather than only
-      // looking at the body, but we're gonna get diminishing returns.
-
-      this.move(next);
-
-      this.history.unshift(next);
-
-      if (this.history.length > 3) {
-        this.history.pop();
-      }
-
-      if (flushChanges) {
-        flush();
-      }
-
-      return true;
-    }
-
-    // THE ISSUE
-  }, {
-    key: 'move',
-    value: function move(pos) {
-      var _this8 = this;
-
-      if (!(typeof this.element.parentNode !== 'undefined')) {
-        return;
-      }
-
-      var same = {};
-
-      for (var type in pos) {
-        same[type] = {};
-
-        for (var key in pos[type]) {
-          var found = false;
-
-          for (var i = 0; i < this.history.length; ++i) {
-            var point = this.history[i];
-            if (typeof point[type] !== 'undefined' && !within(point[type][key], pos[type][key])) {
-              found = true;
-              break;
-            }
-          }
-
-          if (!found) {
-            same[type][key] = true;
-          }
-        }
-      }
-
-      var css = { top: '', left: '', right: '', bottom: '' };
-
-      var transcribe = function transcribe(_same, _pos) {
-        var hasOptimizations = typeof _this8.options.optimizations !== 'undefined';
-        var gpu = hasOptimizations ? _this8.options.optimizations.gpu : null;
-        if (gpu !== false) {
-          var yPos = undefined,
-              xPos = undefined;
-          if (_same.top) {
-            css.top = 0;
-            yPos = _pos.top;
-          } else {
-            css.bottom = 0;
-            yPos = -_pos.bottom;
-          }
-
-          if (_same.left) {
-            css.left = 0;
-            xPos = _pos.left;
-          } else {
-            css.right = 0;
-            xPos = -_pos.right;
-          }
-
-          if (window.matchMedia) {
-            // HubSpot/tether#207
-            var retina = window.matchMedia('only screen and (min-resolution: 1.3dppx)').matches || window.matchMedia('only screen and (-webkit-min-device-pixel-ratio: 1.3)').matches;
-            if (!retina) {
-              xPos = Math.round(xPos);
-              yPos = Math.round(yPos);
-            }
-          }
-
-          css[transformKey] = 'translateX(' + xPos + 'px) translateY(' + yPos + 'px)';
-
-          if (transformKey !== 'msTransform') {
-            // The Z transform will keep this in the GPU (faster, and prevents artifacts),
-            // but IE9 doesn't support 3d transforms and will choke.
-            css[transformKey] += " translateZ(0)";
-          }
-        } else {
-          if (_same.top) {
-            css.top = _pos.top + 'px';
-          } else {
-            css.bottom = _pos.bottom + 'px';
-          }
-
-          if (_same.left) {
-            css.left = _pos.left + 'px';
-          } else {
-            css.right = _pos.right + 'px';
-          }
-        }
-      };
-
-      var moved = false;
-      if ((same.page.top || same.page.bottom) && (same.page.left || same.page.right)) {
-        css.position = 'absolute';
-        transcribe(same.page, pos.page);
-      } else if ((same.viewport.top || same.viewport.bottom) && (same.viewport.left || same.viewport.right)) {
-        css.position = 'fixed';
-        transcribe(same.viewport, pos.viewport);
-      } else if (typeof same.offset !== 'undefined' && same.offset.top && same.offset.left) {
-        (function () {
-          css.position = 'absolute';
-          var offsetParent = _this8.cache('target-offsetparent', function () {
-            return getOffsetParent(_this8.target);
-          });
-
-          if (getOffsetParent(_this8.element) !== offsetParent) {
-            defer(function () {
-              _this8.element.parentNode.removeChild(_this8.element);
-              offsetParent.appendChild(_this8.element);
-            });
-          }
-
-          transcribe(same.offset, pos.offset);
-          moved = true;
-        })();
-      } else {
-        css.position = 'absolute';
-        transcribe({ top: true, left: true }, pos.page);
-      }
-
-      if (!moved) {
-        if (this.options.bodyElement) {
-          this.options.bodyElement.appendChild(this.element);
-        } else {
-          var offsetParentIsBody = true;
-          var currentNode = this.element.parentNode;
-          while (currentNode && currentNode.nodeType === 1 && currentNode.tagName !== 'BODY') {
-            if (getComputedStyle(currentNode).position !== 'static') {
-              offsetParentIsBody = false;
-              break;
-            }
-
-            currentNode = currentNode.parentNode;
-          }
-
-          if (!offsetParentIsBody) {
-            this.element.parentNode.removeChild(this.element);
-            this.element.ownerDocument.body.appendChild(this.element);
-          }
-        }
-      }
-
-      // Any css change will trigger a repaint, so let's avoid one if nothing changed
-      var writeCSS = {};
-      var write = false;
-      for (var key in css) {
-        var val = css[key];
-        var elVal = this.element.style[key];
-
-        if (elVal !== val) {
-          write = true;
-          writeCSS[key] = val;
-        }
-      }
-
-      if (write) {
-        defer(function () {
-          extend(_this8.element.style, writeCSS);
-          _this8.trigger('repositioned');
-        });
-      }
-    }
-  }]);
-
-  return TetherClass;
-})(Evented);
-
-TetherClass.modules = [];
-
-TetherBase.position = position;
-
-var Tether = extend(TetherClass, TetherBase);
-/* globals TetherBase */
-
-'use strict';
-
-var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
-
-var _TetherBase$Utils = TetherBase.Utils;
-var getBounds = _TetherBase$Utils.getBounds;
-var extend = _TetherBase$Utils.extend;
-var updateClasses = _TetherBase$Utils.updateClasses;
-var defer = _TetherBase$Utils.defer;
-
-var BOUNDS_FORMAT = ['left', 'top', 'right', 'bottom'];
-
-function getBoundingRect(tether, to) {
-  if (to === 'scrollParent') {
-    to = tether.scrollParents[0];
-  } else if (to === 'window') {
-    to = [pageXOffset, pageYOffset, innerWidth + pageXOffset, innerHeight + pageYOffset];
-  }
-
-  if (to === document) {
-    to = to.documentElement;
-  }
-
-  if (typeof to.nodeType !== 'undefined') {
-    (function () {
-      var node = to;
-      var size = getBounds(to);
-      var pos = size;
-      var style = getComputedStyle(to);
-
-      to = [pos.left, pos.top, size.width + pos.left, size.height + pos.top];
-
-      // Account any parent Frames scroll offset
-      if (node.ownerDocument !== document) {
-        var win = node.ownerDocument.defaultView;
-        to[0] += win.pageXOffset;
-        to[1] += win.pageYOffset;
-        to[2] += win.pageXOffset;
-        to[3] += win.pageYOffset;
-      }
-
-      BOUNDS_FORMAT.forEach(function (side, i) {
-        side = side[0].toUpperCase() + side.substr(1);
-        if (side === 'Top' || side === 'Left') {
-          to[i] += parseFloat(style['border' + side + 'Width']);
-        } else {
-          to[i] -= parseFloat(style['border' + side + 'Width']);
-        }
-      });
-    })();
-  }
-
-  return to;
-}
-
-TetherBase.modules.push({
-  position: function position(_ref) {
-    var _this = this;
-
-    var top = _ref.top;
-    var left = _ref.left;
-    var targetAttachment = _ref.targetAttachment;
-
-    if (!this.options.constraints) {
-      return true;
-    }
-
-    var _cache = this.cache('element-bounds', function () {
-      return getBounds(_this.element);
-    });
-
-    var height = _cache.height;
-    var width = _cache.width;
-
-    if (width === 0 && height === 0 && typeof this.lastSize !== 'undefined') {
-      var _lastSize = this.lastSize;
-
-      // Handle the item getting hidden as a result of our positioning without glitching
-      // the classes in and out
-      width = _lastSize.width;
-      height = _lastSize.height;
-    }
-
-    var targetSize = this.cache('target-bounds', function () {
-      return _this.getTargetBounds();
-    });
-
-    var targetHeight = targetSize.height;
-    var targetWidth = targetSize.width;
-
-    var allClasses = [this.getClass('pinned'), this.getClass('out-of-bounds')];
-
-    this.options.constraints.forEach(function (constraint) {
-      var outOfBoundsClass = constraint.outOfBoundsClass;
-      var pinnedClass = constraint.pinnedClass;
-
-      if (outOfBoundsClass) {
-        allClasses.push(outOfBoundsClass);
-      }
-      if (pinnedClass) {
-        allClasses.push(pinnedClass);
-      }
-    });
-
-    allClasses.forEach(function (cls) {
-      ['left', 'top', 'right', 'bottom'].forEach(function (side) {
-        allClasses.push(cls + '-' + side);
-      });
-    });
-
-    var addClasses = [];
-
-    var tAttachment = extend({}, targetAttachment);
-    var eAttachment = extend({}, this.attachment);
-
-    this.options.constraints.forEach(function (constraint) {
-      var to = constraint.to;
-      var attachment = constraint.attachment;
-      var pin = constraint.pin;
-
-      if (typeof attachment === 'undefined') {
-        attachment = '';
-      }
-
-      var changeAttachX = undefined,
-          changeAttachY = undefined;
-      if (attachment.indexOf(' ') >= 0) {
-        var _attachment$split = attachment.split(' ');
-
-        var _attachment$split2 = _slicedToArray(_attachment$split, 2);
-
-        changeAttachY = _attachment$split2[0];
-        changeAttachX = _attachment$split2[1];
-      } else {
-        changeAttachX = changeAttachY = attachment;
-      }
-
-      var bounds = getBoundingRect(_this, to);
-
-      if (changeAttachY === 'target' || changeAttachY === 'both') {
-        if (top < bounds[1] && tAttachment.top === 'top') {
-          top += targetHeight;
-          tAttachment.top = 'bottom';
-        }
-
-        if (top + height > bounds[3] && tAttachment.top === 'bottom') {
-          top -= targetHeight;
-          tAttachment.top = 'top';
-        }
-      }
-
-      if (changeAttachY === 'together') {
-        if (tAttachment.top === 'top') {
-          if (eAttachment.top === 'bottom' && top < bounds[1]) {
-            top += targetHeight;
-            tAttachment.top = 'bottom';
-
-            top += height;
-            eAttachment.top = 'top';
-          } else if (eAttachment.top === 'top' && top + height > bounds[3] && top - (height - targetHeight) >= bounds[1]) {
-            top -= height - targetHeight;
-            tAttachment.top = 'bottom';
-
-            eAttachment.top = 'bottom';
-          }
-        }
-
-        if (tAttachment.top === 'bottom') {
-          if (eAttachment.top === 'top' && top + height > bounds[3]) {
-            top -= targetHeight;
-            tAttachment.top = 'top';
-
-            top -= height;
-            eAttachment.top = 'bottom';
-          } else if (eAttachment.top === 'bottom' && top < bounds[1] && top + (height * 2 - targetHeight) <= bounds[3]) {
-            top += height - targetHeight;
-            tAttachment.top = 'top';
-
-            eAttachment.top = 'top';
-          }
-        }
-
-        if (tAttachment.top === 'middle') {
-          if (top + height > bounds[3] && eAttachment.top === 'top') {
-            top -= height;
-            eAttachment.top = 'bottom';
-          } else if (top < bounds[1] && eAttachment.top === 'bottom') {
-            top += height;
-            eAttachment.top = 'top';
-          }
-        }
-      }
-
-      if (changeAttachX === 'target' || changeAttachX === 'both') {
-        if (left < bounds[0] && tAttachment.left === 'left') {
-          left += targetWidth;
-          tAttachment.left = 'right';
-        }
-
-        if (left + width > bounds[2] && tAttachment.left === 'right') {
-          left -= targetWidth;
-          tAttachment.left = 'left';
-        }
-      }
-
-      if (changeAttachX === 'together') {
-        if (left < bounds[0] && tAttachment.left === 'left') {
-          if (eAttachment.left === 'right') {
-            left += targetWidth;
-            tAttachment.left = 'right';
-
-            left += width;
-            eAttachment.left = 'left';
-          } else if (eAttachment.left === 'left') {
-            left += targetWidth;
-            tAttachment.left = 'right';
-
-            left -= width;
-            eAttachment.left = 'right';
-          }
-        } else if (left + width > bounds[2] && tAttachment.left === 'right') {
-          if (eAttachment.left === 'left') {
-            left -= targetWidth;
-            tAttachment.left = 'left';
-
-            left -= width;
-            eAttachment.left = 'right';
-          } else if (eAttachment.left === 'right') {
-            left -= targetWidth;
-            tAttachment.left = 'left';
-
-            left += width;
-            eAttachment.left = 'left';
-          }
-        } else if (tAttachment.left === 'center') {
-          if (left + width > bounds[2] && eAttachment.left === 'left') {
-            left -= width;
-            eAttachment.left = 'right';
-          } else if (left < bounds[0] && eAttachment.left === 'right') {
-            left += width;
-            eAttachment.left = 'left';
-          }
-        }
-      }
-
-      if (changeAttachY === 'element' || changeAttachY === 'both') {
-        if (top < bounds[1] && eAttachment.top === 'bottom') {
-          top += height;
-          eAttachment.top = 'top';
-        }
-
-        if (top + height > bounds[3] && eAttachment.top === 'top') {
-          top -= height;
-          eAttachment.top = 'bottom';
-        }
-      }
-
-      if (changeAttachX === 'element' || changeAttachX === 'both') {
-        if (left < bounds[0]) {
-          if (eAttachment.left === 'right') {
-            left += width;
-            eAttachment.left = 'left';
-          } else if (eAttachment.left === 'center') {
-            left += width / 2;
-            eAttachment.left = 'left';
-          }
-        }
-
-        if (left + width > bounds[2]) {
-          if (eAttachment.left === 'left') {
-            left -= width;
-            eAttachment.left = 'right';
-          } else if (eAttachment.left === 'center') {
-            left -= width / 2;
-            eAttachment.left = 'right';
-          }
-        }
-      }
-
-      if (typeof pin === 'string') {
-        pin = pin.split(',').map(function (p) {
-          return p.trim();
-        });
-      } else if (pin === true) {
-        pin = ['top', 'left', 'right', 'bottom'];
-      }
-
-      pin = pin || [];
-
-      var pinned = [];
-      var oob = [];
-
-      if (top < bounds[1]) {
-        if (pin.indexOf('top') >= 0) {
-          top = bounds[1];
-          pinned.push('top');
-        } else {
-          oob.push('top');
-        }
-      }
-
-      if (top + height > bounds[3]) {
-        if (pin.indexOf('bottom') >= 0) {
-          top = bounds[3] - height;
-          pinned.push('bottom');
-        } else {
-          oob.push('bottom');
-        }
-      }
-
-      if (left < bounds[0]) {
-        if (pin.indexOf('left') >= 0) {
-          left = bounds[0];
-          pinned.push('left');
-        } else {
-          oob.push('left');
-        }
-      }
-
-      if (left + width > bounds[2]) {
-        if (pin.indexOf('right') >= 0) {
-          left = bounds[2] - width;
-          pinned.push('right');
-        } else {
-          oob.push('right');
-        }
-      }
-
-      if (pinned.length) {
-        (function () {
-          var pinnedClass = undefined;
-          if (typeof _this.options.pinnedClass !== 'undefined') {
-            pinnedClass = _this.options.pinnedClass;
-          } else {
-            pinnedClass = _this.getClass('pinned');
-          }
-
-          addClasses.push(pinnedClass);
-          pinned.forEach(function (side) {
-            addClasses.push(pinnedClass + '-' + side);
-          });
-        })();
-      }
-
-      if (oob.length) {
-        (function () {
-          var oobClass = undefined;
-          if (typeof _this.options.outOfBoundsClass !== 'undefined') {
-            oobClass = _this.options.outOfBoundsClass;
-          } else {
-            oobClass = _this.getClass('out-of-bounds');
-          }
-
-          addClasses.push(oobClass);
-          oob.forEach(function (side) {
-            addClasses.push(oobClass + '-' + side);
-          });
-        })();
-      }
-
-      if (pinned.indexOf('left') >= 0 || pinned.indexOf('right') >= 0) {
-        eAttachment.left = tAttachment.left = false;
-      }
-      if (pinned.indexOf('top') >= 0 || pinned.indexOf('bottom') >= 0) {
-        eAttachment.top = tAttachment.top = false;
-      }
-
-      if (tAttachment.top !== targetAttachment.top || tAttachment.left !== targetAttachment.left || eAttachment.top !== _this.attachment.top || eAttachment.left !== _this.attachment.left) {
-        _this.updateAttachClasses(eAttachment, tAttachment);
-        _this.trigger('update', {
-          attachment: eAttachment,
-          targetAttachment: tAttachment
-        });
-      }
-    });
-
-    defer(function () {
-      if (!(_this.options.addTargetClasses === false)) {
-        updateClasses(_this.target, addClasses, allClasses);
-      }
-      updateClasses(_this.element, addClasses, allClasses);
-    });
-
-    return { top: top, left: left };
-  }
-});
-/* globals TetherBase */
-
-'use strict';
-
-var _TetherBase$Utils = TetherBase.Utils;
-var getBounds = _TetherBase$Utils.getBounds;
-var updateClasses = _TetherBase$Utils.updateClasses;
-var defer = _TetherBase$Utils.defer;
-
-TetherBase.modules.push({
-  position: function position(_ref) {
-    var _this = this;
-
-    var top = _ref.top;
-    var left = _ref.left;
-
-    var _cache = this.cache('element-bounds', function () {
-      return getBounds(_this.element);
-    });
-
-    var height = _cache.height;
-    var width = _cache.width;
-
-    var targetPos = this.getTargetBounds();
-
-    var bottom = top + height;
-    var right = left + width;
-
-    var abutted = [];
-    if (top <= targetPos.bottom && bottom >= targetPos.top) {
-      ['left', 'right'].forEach(function (side) {
-        var targetPosSide = targetPos[side];
-        if (targetPosSide === left || targetPosSide === right) {
-          abutted.push(side);
-        }
-      });
-    }
-
-    if (left <= targetPos.right && right >= targetPos.left) {
-      ['top', 'bottom'].forEach(function (side) {
-        var targetPosSide = targetPos[side];
-        if (targetPosSide === top || targetPosSide === bottom) {
-          abutted.push(side);
-        }
-      });
-    }
-
-    var allClasses = [];
-    var addClasses = [];
-
-    var sides = ['left', 'top', 'right', 'bottom'];
-    allClasses.push(this.getClass('abutted'));
-    sides.forEach(function (side) {
-      allClasses.push(_this.getClass('abutted') + '-' + side);
-    });
-
-    if (abutted.length) {
-      addClasses.push(this.getClass('abutted'));
-    }
-
-    abutted.forEach(function (side) {
-      addClasses.push(_this.getClass('abutted') + '-' + side);
-    });
-
-    defer(function () {
-      if (!(_this.options.addTargetClasses === false)) {
-        updateClasses(_this.target, addClasses, allClasses);
-      }
-      updateClasses(_this.element, addClasses, allClasses);
-    });
-
-    return true;
-  }
-});
-/* globals TetherBase */
-
-'use strict';
-
-var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
-
-TetherBase.modules.push({
-  position: function position(_ref) {
-    var top = _ref.top;
-    var left = _ref.left;
-
-    if (!this.options.shift) {
-      return;
-    }
-
-    var shift = this.options.shift;
-    if (typeof this.options.shift === 'function') {
-      shift = this.options.shift.call(this, { top: top, left: left });
-    }
-
-    var shiftTop = undefined,
-        shiftLeft = undefined;
-    if (typeof shift === 'string') {
-      shift = shift.split(' ');
-      shift[1] = shift[1] || shift[0];
-
-      var _shift = shift;
-
-      var _shift2 = _slicedToArray(_shift, 2);
-
-      shiftTop = _shift2[0];
-      shiftLeft = _shift2[1];
-
-      shiftTop = parseFloat(shiftTop, 10);
-      shiftLeft = parseFloat(shiftLeft, 10);
-    } else {
-      shiftTop = shift.top;
-      shiftLeft = shift.left;
-    }
-
-    top += shiftTop;
-    left += shiftLeft;
-
-    return { top: top, left: left };
-  }
-});
-return Tether;
-
-}));
diff --git a/gui/vendor/tooltip.js b/gui/vendor/tooltip.js
deleted file mode 100644
index 07406bbe..00000000
--- a/gui/vendor/tooltip.js
+++ /dev/null
@@ -1,140 +0,0 @@
-// https://github.com/HubSpot/tooltip
-
-/*! tether-tooltip 1.1.0 */
-
-(function(root, factory) {
-  if (typeof define === 'function' && define.amd) {
-    define(["tether-drop","tether"], factory);
-  } else if (typeof exports === 'object') {
-    module.exports = factory(require('tether-drop'), require('tether'));
-  } else {
-    root.Tooltip = factory(root.Drop, root.Tether);
-  }
-}(this, function(Drop, Tether) {
-
-/* global Tether Drop */
-
-'use strict';
-
-var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
-var extend = Tether.Utils.extend;
-
-var _Drop = Drop.createContext({
-  classPrefix: 'tooltip'
-});
-
-var defaults = {
-  position: 'top center',
-  openOn: 'hover',
-  classes: 'tooltip-theme-arrows',
-  constrainToWindow: true,
-  constrainToScrollParent: false
-};
-
-var tooltipCount = 0;
-
-var Tooltip = (function () {
-  function Tooltip(options) {
-    _classCallCheck(this, Tooltip);
-
-    this.options = options;
-
-    if (!this.options.target) {
-      throw new Error('Tooltip Error: You must provide a target for Tooltip to attach to');
-    }
-
-    var position = this.options.target.getAttribute('data-tooltip-position');
-    if (position) {
-      if (typeof this.options.position === 'undefined') {
-        this.options.position = position;
-      }
-    }
-
-    var content = this.options.target.getAttribute('data-tooltip');
-
-    if (content) {
-      if (typeof this.options.content === 'undefined') {
-        var contentEl = document.createElement('div');
-        contentEl.innerHTML = content;
-
-        // Add ARIA attributes (see #50)
-        contentEl.setAttribute('role', 'tooltip');
-        contentEl.id = 'drop-tooltip-' + tooltipCount;
-        this.options.target.setAttribute('aria-describedby', contentEl.id);
-        tooltipCount += 1;
-
-        this.options.content = contentEl;
-      }
-    }
-
-    if (!this.options.content) {
-      throw new Error('Tooltip Error: You must provide content for Tooltip to display');
-    }
-
-    this.options = extend({}, defaults, this.options);
-
-    this.drop = new _Drop(this.options);
-  }
-
-  _createClass(Tooltip, [{
-    key: 'close',
-    value: function close() {
-      this.drop.close();
-    }
-  }, {
-    key: 'open',
-    value: function open() {
-      this.drop.open();
-    }
-  }, {
-    key: 'toggle',
-    value: function toggle() {
-      this.drop.toggle();
-    }
-  }, {
-    key: 'remove',
-    value: function remove() {
-      this.drop.remove();
-    }
-  }, {
-    key: 'destroy',
-    value: function destroy() {
-      this.drop.destroy();
-    }
-  }, {
-    key: 'position',
-    value: function position() {
-      this.drop.position();
-    }
-  }]);
-
-  return Tooltip;
-})();
-
-var initialized = [];
-
-Tooltip.init = function () {
-  var tooltipElements = document.querySelectorAll('[data-tooltip]');
-  var len = tooltipElements.length;
-  for (var i = 0; i < len; ++i) {
-    var el = tooltipElements[i];
-    if (initialized.indexOf(el) === -1) {
-      new Tooltip({
-        target: el
-      });
-      initialized.push(el);
-    }
-  }
-};
-
-document.addEventListener('DOMContentLoaded', function () {
-  if (Tooltip.autoinit !== false) {
-    Tooltip.init();
-  }
-});
-return Tooltip;
-
-}));
diff --git a/gui/vendor/velocity.js b/gui/vendor/velocity.js
deleted file mode 100755
index 956236b1..00000000
--- a/gui/vendor/velocity.js
+++ /dev/null
@@ -1,4706 +0,0 @@
-/*! VelocityJS.org (1.4.3). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */
-
-/*************************
- Velocity jQuery Shim
- *************************/
-
-/*! VelocityJS.org jQuery Shim (1.0.1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */
-
-/* This file contains the jQuery functions that Velocity relies on, thereby removing Velocity's dependency on a full copy of jQuery, and allowing it to work in any environment. */
-/* These shimmed functions are only used if jQuery isn't present. If both this shim and jQuery are loaded, Velocity defaults to jQuery proper. */
-/* Browser support: Using this shim instead of jQuery proper removes support for IE8. */
-
-(function(window) {
-	"use strict";
-	/***************
-	 Setup
-	 ***************/
-
-	/* If jQuery is already loaded, there's no point in loading this shim. */
-	if (window.jQuery) {
-		return;
-	}
-
-	/* jQuery base. */
-	var $ = function(selector, context) {
-		return new $.fn.init(selector, context);
-	};
-
-	/********************
-	 Private Methods
-	 ********************/
-
-	/* jQuery */
-	$.isWindow = function(obj) {
-		/* jshint eqeqeq: false */
-		return obj && obj === obj.window;
-	};
-
-	/* jQuery */
-	$.type = function(obj) {
-		if (!obj) {
-			return obj + "";
-		}
-
-		return typeof obj === "object" || typeof obj === "function" ?
-				class2type[toString.call(obj)] || "object" :
-				typeof obj;
-	};
-
-	/* jQuery */
-	$.isArray = Array.isArray || function(obj) {
-		return $.type(obj) === "array";
-	};
-
-	/* jQuery */
-	function isArraylike(obj) {
-		var length = obj.length,
-				type = $.type(obj);
-
-		if (type === "function" || $.isWindow(obj)) {
-			return false;
-		}
-
-		if (obj.nodeType === 1 && length) {
-			return true;
-		}
-
-		return type === "array" || length === 0 || typeof length === "number" && length > 0 && (length - 1) in obj;
-	}
-
-	/***************
-	 $ Methods
-	 ***************/
-
-	/* jQuery: Support removed for IE<9. */
-	$.isPlainObject = function(obj) {
-		var key;
-
-		if (!obj || $.type(obj) !== "object" || obj.nodeType || $.isWindow(obj)) {
-			return false;
-		}
-
-		try {
-			if (obj.constructor &&
-					!hasOwn.call(obj, "constructor") &&
-					!hasOwn.call(obj.constructor.prototype, "isPrototypeOf")) {
-				return false;
-			}
-		} catch (e) {
-			return false;
-		}
-
-		for (key in obj) {
-		}
-
-		return key === undefined || hasOwn.call(obj, key);
-	};
-
-	/* jQuery */
-	$.each = function(obj, callback, args) {
-		var value,
-				i = 0,
-				length = obj.length,
-				isArray = isArraylike(obj);
-
-		if (args) {
-			if (isArray) {
-				for (; i < length; i++) {
-					value = callback.apply(obj[i], args);
-
-					if (value === false) {
-						break;
-					}
-				}
-			} else {
-				for (i in obj) {
-					if (!obj.hasOwnProperty(i)) {
-						continue;
-					}
-					value = callback.apply(obj[i], args);
-
-					if (value === false) {
-						break;
-					}
-				}
-			}
-
-		} else {
-			if (isArray) {
-				for (; i < length; i++) {
-					value = callback.call(obj[i], i, obj[i]);
-
-					if (value === false) {
-						break;
-					}
-				}
-			} else {
-				for (i in obj) {
-					if (!obj.hasOwnProperty(i)) {
-						continue;
-					}
-					value = callback.call(obj[i], i, obj[i]);
-
-					if (value === false) {
-						break;
-					}
-				}
-			}
-		}
-
-		return obj;
-	};
-
-	/* Custom */
-	$.data = function(node, key, value) {
-		/* $.getData() */
-		if (value === undefined) {
-			var getId = node[$.expando],
-					store = getId && cache[getId];
-
-			if (key === undefined) {
-				return store;
-			} else if (store) {
-				if (key in store) {
-					return store[key];
-				}
-			}
-			/* $.setData() */
-		} else if (key !== undefined) {
-			var setId = node[$.expando] || (node[$.expando] = ++$.uuid);
-
-			cache[setId] = cache[setId] || {};
-			cache[setId][key] = value;
-
-			return value;
-		}
-	};
-
-	/* Custom */
-	$.removeData = function(node, keys) {
-		var id = node[$.expando],
-				store = id && cache[id];
-
-		if (store) {
-			// Cleanup the entire store if no keys are provided.
-			if (!keys) {
-				delete cache[id];
-			} else {
-				$.each(keys, function(_, key) {
-					delete store[key];
-				});
-			}
-		}
-	};
-
-	/* jQuery */
-	$.extend = function() {
-		var src, copyIsArray, copy, name, options, clone,
-				target = arguments[0] || {},
-				i = 1,
-				length = arguments.length,
-				deep = false;
-
-		if (typeof target === "boolean") {
-			deep = target;
-
-			target = arguments[i] || {};
-			i++;
-		}
-
-		if (typeof target !== "object" && $.type(target) !== "function") {
-			target = {};
-		}
-
-		if (i === length) {
-			target = this;
-			i--;
-		}
-
-		for (; i < length; i++) {
-			if ((options = arguments[i])) {
-				for (name in options) {
-					if (!options.hasOwnProperty(name)) {
-						continue;
-					}
-					src = target[name];
-					copy = options[name];
-
-					if (target === copy) {
-						continue;
-					}
-
-					if (deep && copy && ($.isPlainObject(copy) || (copyIsArray = $.isArray(copy)))) {
-						if (copyIsArray) {
-							copyIsArray = false;
-							clone = src && $.isArray(src) ? src : [];
-
-						} else {
-							clone = src && $.isPlainObject(src) ? src : {};
-						}
-
-						target[name] = $.extend(deep, clone, copy);
-
-					} else if (copy !== undefined) {
-						target[name] = copy;
-					}
-				}
-			}
-		}
-
-		return target;
-	};
-
-	/* jQuery 1.4.3 */
-	$.queue = function(elem, type, data) {
-		function $makeArray(arr, results) {
-			var ret = results || [];
-
-			if (arr) {
-				if (isArraylike(Object(arr))) {
-					/* $.merge */
-					(function(first, second) {
-						var len = +second.length,
-								j = 0,
-								i = first.length;
-
-						while (j < len) {
-							first[i++] = second[j++];
-						}
-
-						if (len !== len) {
-							while (second[j] !== undefined) {
-								first[i++] = second[j++];
-							}
-						}
-
-						first.length = i;
-
-						return first;
-					})(ret, typeof arr === "string" ? [arr] : arr);
-				} else {
-					[].push.call(ret, arr);
-				}
-			}
-
-			return ret;
-		}
-
-		if (!elem) {
-			return;
-		}
-
-		type = (type || "fx") + "queue";
-
-		var q = $.data(elem, type);
-
-		if (!data) {
-			return q || [];
-		}
-
-		if (!q || $.isArray(data)) {
-			q = $.data(elem, type, $makeArray(data));
-		} else {
-			q.push(data);
-		}
-
-		return q;
-	};
-
-	/* jQuery 1.4.3 */
-	$.dequeue = function(elems, type) {
-		/* Custom: Embed element iteration. */
-		$.each(elems.nodeType ? [elems] : elems, function(i, elem) {
-			type = type || "fx";
-
-			var queue = $.queue(elem, type),
-					fn = queue.shift();
-
-			if (fn === "inprogress") {
-				fn = queue.shift();
-			}
-
-			if (fn) {
-				if (type === "fx") {
-					queue.unshift("inprogress");
-				}
-
-				fn.call(elem, function() {
-					$.dequeue(elem, type);
-				});
-			}
-		});
-	};
-
-	/******************
-	 $.fn Methods
-	 ******************/
-
-	/* jQuery */
-	$.fn = $.prototype = {
-		init: function(selector) {
-			/* Just return the element wrapped inside an array; don't proceed with the actual jQuery node wrapping process. */
-			if (selector.nodeType) {
-				this[0] = selector;
-
-				return this;
-			} else {
-				throw new Error("Not a DOM node.");
-			}
-		},
-		offset: function() {
-			/* jQuery altered code: Dropped disconnected DOM node checking. */
-			var box = this[0].getBoundingClientRect ? this[0].getBoundingClientRect() : {top: 0, left: 0};
-
-			return {
-				top: box.top + (window.pageYOffset || document.scrollTop || 0) - (document.clientTop || 0),
-				left: box.left + (window.pageXOffset || document.scrollLeft || 0) - (document.clientLeft || 0)
-			};
-		},
-		position: function() {
-			/* jQuery */
-			function offsetParentFn(elem) {
-				var offsetParent = elem.offsetParent;
-
-				while (offsetParent && offsetParent.nodeName.toLowerCase() !== "html" && offsetParent.style && offsetParent.style.position === "static") {
-					offsetParent = offsetParent.offsetParent;
-				}
-
-				return offsetParent || document;
-			}
-
-			/* Zepto */
-			var elem = this[0],
-					offsetParent = offsetParentFn(elem),
-					offset = this.offset(),
-					parentOffset = /^(?:body|html)$/i.test(offsetParent.nodeName) ? {top: 0, left: 0} : $(offsetParent).offset();
-
-			offset.top -= parseFloat(elem.style.marginTop) || 0;
-			offset.left -= parseFloat(elem.style.marginLeft) || 0;
-
-			if (offsetParent.style) {
-				parentOffset.top += parseFloat(offsetParent.style.borderTopWidth) || 0;
-				parentOffset.left += parseFloat(offsetParent.style.borderLeftWidth) || 0;
-			}
-
-			return {
-				top: offset.top - parentOffset.top,
-				left: offset.left - parentOffset.left
-			};
-		}
-	};
-
-	/**********************
-	 Private Variables
-	 **********************/
-
-	/* For $.data() */
-	var cache = {};
-	$.expando = "velocity" + (new Date().getTime());
-	$.uuid = 0;
-
-	/* For $.queue() */
-	var class2type = {},
-			hasOwn = class2type.hasOwnProperty,
-			toString = class2type.toString;
-
-	var types = "Boolean Number String Function Array Date RegExp Object Error".split(" ");
-	for (var i = 0; i < types.length; i++) {
-		class2type["[object " + types[i] + "]"] = types[i].toLowerCase();
-	}
-
-	/* Makes $(node) possible, without having to call init. */
-	$.fn.init.prototype = $.fn;
-
-	/* Globalize Velocity onto the window, and assign its Utilities property. */
-	window.Velocity = {Utilities: $};
-})(window);
-
-/******************
- Velocity.js
- ******************/
-
-(function(factory) {
-	"use strict";
-	/* CommonJS module. */
-	if (typeof module === "object" && typeof module.exports === "object") {
-		module.exports = factory();
-		/* AMD module. */
-	} else if (typeof define === "function" && define.amd) {
-		define(factory);
-		/* Browser globals. */
-	} else {
-		factory();
-	}
-}(function() {
-	"use strict";
-	return function(global, window, document, undefined) {
-
-		/***************
-		 Summary
-		 ***************/
-
-		/*
-		 - CSS: CSS stack that works independently from the rest of Velocity.
-		 - animate(): Core animation method that iterates over the targeted elements and queues the incoming call onto each element individually.
-		 - Pre-Queueing: Prepare the element for animation by instantiating its data cache and processing the call's options.
-		 - Queueing: The logic that runs once the call has reached its point of execution in the element's $.queue() stack.
-		 Most logic is placed here to avoid risking it becoming stale (if the element's properties have changed).
-		 - Pushing: Consolidation of the tween data followed by its push onto the global in-progress calls container.
-		 - tick(): The single requestAnimationFrame loop responsible for tweening all in-progress calls.
-		 - completeCall(): Handles the cleanup process for each Velocity call.
-		 */
-
-		/*********************
-		 Helper Functions
-		 *********************/
-
-		/* IE detection. Gist: https://gist.github.com/julianshapiro/9098609 */
-		var IE = (function() {
-			if (document.documentMode) {
-				return document.documentMode;
-			} else {
-				for (var i = 7; i > 4; i--) {
-					var div = document.createElement("div");
-
-					div.innerHTML = "<!--[if IE " + i + "]><span></span><![endif]-->";
-
-					if (div.getElementsByTagName("span").length) {
-						div = null;
-
-						return i;
-					}
-				}
-			}
-
-			return undefined;
-		})();
-
-		/* rAF shim. Gist: https://gist.github.com/julianshapiro/9497513 */
-		var rAFShim = (function() {
-			var timeLast = 0;
-
-			return window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) {
-				var timeCurrent = (new Date()).getTime(),
-						timeDelta;
-
-				/* Dynamically set delay on a per-tick basis to match 60fps. */
-				/* Technique by Erik Moller. MIT license: https://gist.github.com/paulirish/1579671 */
-				timeDelta = Math.max(0, 16 - (timeCurrent - timeLast));
-				timeLast = timeCurrent + timeDelta;
-
-				return setTimeout(function() {
-					callback(timeCurrent + timeDelta);
-				}, timeDelta);
-			};
-		})();
-
-		var performance = (function() {
-			var perf = window.performance || {};
-
-			if (!Object.prototype.hasOwnProperty.call(perf, "now")) {
-				var nowOffset = perf.timing && perf.timing.domComplete ? perf.timing.domComplete : (new Date()).getTime();
-
-				perf.now = function() {
-					return (new Date()).getTime() - nowOffset;
-				};
-			}
-			return perf;
-		})();
-
-		/* Array compacting. Copyright Lo-Dash. MIT License: https://github.com/lodash/lodash/blob/master/LICENSE.txt */
-		function compactSparseArray(array) {
-			var index = -1,
-					length = array ? array.length : 0,
-					result = [];
-
-			while (++index < length) {
-				var value = array[index];
-
-				if (value) {
-					result.push(value);
-				}
-			}
-
-			return result;
-		}
-
-		var _slice = (function() {
-			var slice = Array.prototype.slice;
-
-			try {
-				// Can't be used with DOM elements in IE < 9
-				slice.call(document.documentElement);
-			} catch (e) { // Fails in IE < 9
-				// This will work for genuine arrays, array-like objects, 
-				// NamedNodeMap (attributes, entities, notations),
-				// NodeList (e.g., getElementsByTagName), HTMLCollection (e.g., childNodes),
-				// and will not fail on other DOM objects (as do DOM elements in IE < 9)
-				slice = function() {
-					var i = this.length,
-							clone = [];
-
-					while (--i > 0) {
-						clone[i] = this[i];
-					}
-					return clone;
-				};
-			}
-			return slice;
-		})(); // TODO: IE8, Cache of Array.prototype.slice that works on IE8
-
-		function sanitizeElements(elements) {
-			/* Unwrap jQuery/Zepto objects. */
-			if (Type.isWrapped(elements)) {
-				elements = _slice.call(elements);
-				/* Wrap a single element in an array so that $.each() can iterate with the element instead of its node's children. */
-			} else if (Type.isNode(elements)) {
-				elements = [elements];
-			}
-
-			return elements;
-		}
-
-		var Type = {
-			isNumber: function(variable) {
-				return (typeof variable === "number");
-			},
-			isString: function(variable) {
-				return (typeof variable === "string");
-			},
-			isArray: Array.isArray || function(variable) {
-				return Object.prototype.toString.call(variable) === "[object Array]";
-			},
-			isFunction: function(variable) {
-				return Object.prototype.toString.call(variable) === "[object Function]";
-			},
-			isNode: function(variable) {
-				return variable && variable.nodeType;
-			},
-			/* Determine if variable is an array-like wrapped jQuery, Zepto or similar element, or even a NodeList etc. */
-			/* NOTE: HTMLFormElements also have a length. */
-			isWrapped: function(variable) {
-				return variable
-						&& Type.isNumber(variable.length)
-						&& !Type.isString(variable)
-						&& !Type.isFunction(variable)
-						&& !Type.isNode(variable)
-						&& (variable.length === 0 || Type.isNode(variable[0]));
-			},
-			isSVG: function(variable) {
-				return window.SVGElement && (variable instanceof window.SVGElement);
-			},
-			isEmptyObject: function(variable) {
-				for (var name in variable) {
-					if (variable.hasOwnProperty(name)) {
-						return false;
-					}
-				}
-
-				return true;
-			}
-		};
-
-		/*****************
-		 Dependencies
-		 *****************/
-
-		var $,
-				isJQuery = false;
-
-		if (global.fn && global.fn.jquery) {
-			$ = global;
-			isJQuery = true;
-		} else {
-			$ = window.Velocity.Utilities;
-		}
-
-		if (IE <= 8 && !isJQuery) {
-			throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity.");
-		} else if (IE <= 7) {
-			/* Revert to jQuery's $.animate(), and lose Velocity's extra features. */
-			jQuery.fn.velocity = jQuery.fn.animate;
-
-			/* Now that $.fn.velocity is aliased, abort this Velocity declaration. */
-			return;
-		}
-
-		/*****************
-		 Constants
-		 *****************/
-
-		var DURATION_DEFAULT = 400,
-				EASING_DEFAULT = "swing";
-
-		/*************
-		 State
-		 *************/
-
-		var Velocity = {
-			/* Container for page-wide Velocity state data. */
-			State: {
-				/* Detect mobile devices to determine if mobileHA should be turned on. */
-				isMobile: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),
-				/* The mobileHA option's behavior changes on older Android devices (Gingerbread, versions 2.3.3-2.3.7). */
-				isAndroid: /Android/i.test(navigator.userAgent),
-				isGingerbread: /Android 2\.3\.[3-7]/i.test(navigator.userAgent),
-				isChrome: window.chrome,
-				isFirefox: /Firefox/i.test(navigator.userAgent),
-				/* Create a cached element for re-use when checking for CSS property prefixes. */
-				prefixElement: document.createElement("div"),
-				/* Cache every prefix match to avoid repeating lookups. */
-				prefixMatches: {},
-				/* Cache the anchor used for animating window scrolling. */
-				scrollAnchor: null,
-				/* Cache the browser-specific property names associated with the scroll anchor. */
-				scrollPropertyLeft: null,
-				scrollPropertyTop: null,
-				/* Keep track of whether our RAF tick is running. */
-				isTicking: false,
-				/* Container for every in-progress call to Velocity. */
-				calls: [],
-				delayedElements: {
-					count: 0
-				}
-			},
-			/* Velocity's custom CSS stack. Made global for unit testing. */
-			CSS: {/* Defined below. */},
-			/* A shim of the jQuery utility functions used by Velocity -- provided by Velocity's optional jQuery shim. */
-			Utilities: $,
-			/* Container for the user's custom animation redirects that are referenced by name in place of the properties map argument. */
-			Redirects: {/* Manually registered by the user. */},
-			Easings: {/* Defined below. */},
-			/* Attempt to use ES6 Promises by default. Users can override this with a third-party promises library. */
-			Promise: window.Promise,
-			/* Velocity option defaults, which can be overriden by the user. */
-			defaults: {
-				queue: "",
-				duration: DURATION_DEFAULT,
-				easing: EASING_DEFAULT,
-				begin: undefined,
-				complete: undefined,
-				progress: undefined,
-				display: undefined,
-				visibility: undefined,
-				loop: false,
-				delay: false,
-				mobileHA: true,
-				/* Advanced: Set to false to prevent property values from being cached between consecutive Velocity-initiated chain calls. */
-				_cacheValues: true,
-				/* Advanced: Set to false if the promise should always resolve on empty element lists. */
-				promiseRejectEmpty: true
-			},
-			/* A design goal of Velocity is to cache data wherever possible in order to avoid DOM requerying. Accordingly, each element has a data cache. */
-			init: function(element) {
-				$.data(element, "velocity", {
-					/* Store whether this is an SVG element, since its properties are retrieved and updated differently than standard HTML elements. */
-					isSVG: Type.isSVG(element),
-					/* Keep track of whether the element is currently being animated by Velocity.
-					 This is used to ensure that property values are not transferred between non-consecutive (stale) calls. */
-					isAnimating: false,
-					/* A reference to the element's live computedStyle object. Learn more here: https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle */
-					computedStyle: null,
-					/* Tween data is cached for each animation on the element so that data can be passed across calls --
-					 in particular, end values are used as subsequent start values in consecutive Velocity calls. */
-					tweensContainer: null,
-					/* The full root property values of each CSS hook being animated on this element are cached so that:
-					 1) Concurrently-animating hooks sharing the same root can have their root values' merged into one while tweening.
-					 2) Post-hook-injection root values can be transferred over to consecutively chained Velocity calls as starting root values. */
-					rootPropertyValueCache: {},
-					/* A cache for transform updates, which must be manually flushed via CSS.flushTransformCache(). */
-					transformCache: {}
-				});
-			},
-			/* A parallel to jQuery's $.css(), used for getting/setting Velocity's hooked CSS properties. */
-			hook: null, /* Defined below. */
-			/* Velocity-wide animation time remapping for testing purposes. */
-			mock: false,
-			version: {major: 1, minor: 4, patch: 3},
-			/* Set to 1 or 2 (most verbose) to output debug info to console. */
-			debug: false,
-			/* Use rAF high resolution timestamp when available */
-			timestamp: true,
-			/* Pause all animations */
-			pauseAll: function(queueName) {
-				var currentTime = (new Date()).getTime();
-
-				$.each(Velocity.State.calls, function(i, activeCall) {
-
-					if (activeCall) {
-
-						/* If we have a queueName and this call is not on that queue, skip */
-						if (queueName !== undefined && ((activeCall[2].queue !== queueName) || (activeCall[2].queue === false))) {
-							return true;
-						}
-
-						/* Set call to paused */
-						activeCall[5] = {
-							resume: false
-						};
-					}
-				});
-
-				/* Pause timers on any currently delayed calls */
-				$.each(Velocity.State.delayedElements, function(k, element) {
-					if (!element) {
-						return;
-					}
-					pauseDelayOnElement(element, currentTime);
-				});
-			},
-			/* Resume all animations */
-			resumeAll: function(queueName) {
-				var currentTime = (new Date()).getTime();
-
-				$.each(Velocity.State.calls, function(i, activeCall) {
-
-					if (activeCall) {
-
-						/* If we have a queueName and this call is not on that queue, skip */
-						if (queueName !== undefined && ((activeCall[2].queue !== queueName) || (activeCall[2].queue === false))) {
-							return true;
-						}
-
-						/* Set call to resumed if it was paused */
-						if (activeCall[5]) {
-							activeCall[5].resume = true;
-						}
-					}
-				});
-				/* Resume timers on any currently delayed calls */
-				$.each(Velocity.State.delayedElements, function(k, element) {
-					if (!element) {
-						return;
-					}
-					resumeDelayOnElement(element, currentTime);
-				});
-			}
-		};
-
-		/* Retrieve the appropriate scroll anchor and property name for the browser: https://developer.mozilla.org/en-US/docs/Web/API/Window.scrollY */
-		if (window.pageYOffset !== undefined) {
-			Velocity.State.scrollAnchor = window;
-			Velocity.State.scrollPropertyLeft = "pageXOffset";
-			Velocity.State.scrollPropertyTop = "pageYOffset";
-		} else {
-			Velocity.State.scrollAnchor = document.documentElement || document.body.parentNode || document.body;
-			Velocity.State.scrollPropertyLeft = "scrollLeft";
-			Velocity.State.scrollPropertyTop = "scrollTop";
-		}
-
-		/* Shorthand alias for jQuery's $.data() utility. */
-		function Data(element) {
-			/* Hardcode a reference to the plugin name. */
-			var response = $.data(element, "velocity");
-
-			/* jQuery <=1.4.2 returns null instead of undefined when no match is found. We normalize this behavior. */
-			return response === null ? undefined : response;
-		}
-
-		/**************
-		 Delay Timer
-		 **************/
-
-		function pauseDelayOnElement(element, currentTime) {
-			/* Check for any delay timers, and pause the set timeouts (while preserving time data)
-			 to be resumed when the "resume" command is issued */
-			var data = Data(element);
-			if (data && data.delayTimer && !data.delayPaused) {
-				data.delayRemaining = data.delay - currentTime + data.delayBegin;
-				data.delayPaused = true;
-				clearTimeout(data.delayTimer.setTimeout);
-			}
-		}
-
-		function resumeDelayOnElement(element, currentTime) {
-			/* Check for any paused timers and resume */
-			var data = Data(element);
-			if (data && data.delayTimer && data.delayPaused) {
-				/* If the element was mid-delay, re initiate the timeout with the remaining delay */
-				data.delayPaused = false;
-				data.delayTimer.setTimeout = setTimeout(data.delayTimer.next, data.delayRemaining);
-			}
-		}
-
-
-
-		/**************
-		 Easing
-		 **************/
-
-		/* Step easing generator. */
-		function generateStep(steps) {
-			return function(p) {
-				return Math.round(p * steps) * (1 / steps);
-			};
-		}
-
-		/* Bezier curve function generator. Copyright Gaetan Renaudeau. MIT License: http://en.wikipedia.org/wiki/MIT_License */
-		function generateBezier(mX1, mY1, mX2, mY2) {
-			var NEWTON_ITERATIONS = 4,
-					NEWTON_MIN_SLOPE = 0.001,
-					SUBDIVISION_PRECISION = 0.0000001,
-					SUBDIVISION_MAX_ITERATIONS = 10,
-					kSplineTableSize = 11,
-					kSampleStepSize = 1.0 / (kSplineTableSize - 1.0),
-					float32ArraySupported = "Float32Array" in window;
-
-			/* Must contain four arguments. */
-			if (arguments.length !== 4) {
-				return false;
-			}
-
-			/* Arguments must be numbers. */
-			for (var i = 0; i < 4; ++i) {
-				if (typeof arguments[i] !== "number" || isNaN(arguments[i]) || !isFinite(arguments[i])) {
-					return false;
-				}
-			}
-
-			/* X values must be in the [0, 1] range. */
-			mX1 = Math.min(mX1, 1);
-			mX2 = Math.min(mX2, 1);
-			mX1 = Math.max(mX1, 0);
-			mX2 = Math.max(mX2, 0);
-
-			var mSampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);
-
-			function A(aA1, aA2) {
-				return 1.0 - 3.0 * aA2 + 3.0 * aA1;
-			}
-			function B(aA1, aA2) {
-				return 3.0 * aA2 - 6.0 * aA1;
-			}
-			function C(aA1) {
-				return 3.0 * aA1;
-			}
-
-			function calcBezier(aT, aA1, aA2) {
-				return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT;
-			}
-
-			function getSlope(aT, aA1, aA2) {
-				return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
-			}
-
-			function newtonRaphsonIterate(aX, aGuessT) {
-				for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
-					var currentSlope = getSlope(aGuessT, mX1, mX2);
-
-					if (currentSlope === 0.0) {
-						return aGuessT;
-					}
-
-					var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
-					aGuessT -= currentX / currentSlope;
-				}
-
-				return aGuessT;
-			}
-
-			function calcSampleValues() {
-				for (var i = 0; i < kSplineTableSize; ++i) {
-					mSampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
-				}
-			}
-
-			function binarySubdivide(aX, aA, aB) {
-				var currentX, currentT, i = 0;
-
-				do {
-					currentT = aA + (aB - aA) / 2.0;
-					currentX = calcBezier(currentT, mX1, mX2) - aX;
-					if (currentX > 0.0) {
-						aB = currentT;
-					} else {
-						aA = currentT;
-					}
-				} while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
-
-				return currentT;
-			}
-
-			function getTForX(aX) {
-				var intervalStart = 0.0,
-						currentSample = 1,
-						lastSample = kSplineTableSize - 1;
-
-				for (; currentSample !== lastSample && mSampleValues[currentSample] <= aX; ++currentSample) {
-					intervalStart += kSampleStepSize;
-				}
-
-				--currentSample;
-
-				var dist = (aX - mSampleValues[currentSample]) / (mSampleValues[currentSample + 1] - mSampleValues[currentSample]),
-						guessForT = intervalStart + dist * kSampleStepSize,
-						initialSlope = getSlope(guessForT, mX1, mX2);
-
-				if (initialSlope >= NEWTON_MIN_SLOPE) {
-					return newtonRaphsonIterate(aX, guessForT);
-				} else if (initialSlope === 0.0) {
-					return guessForT;
-				} else {
-					return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize);
-				}
-			}
-
-			var _precomputed = false;
-
-			function precompute() {
-				_precomputed = true;
-				if (mX1 !== mY1 || mX2 !== mY2) {
-					calcSampleValues();
-				}
-			}
-
-			var f = function(aX) {
-				if (!_precomputed) {
-					precompute();
-				}
-				if (mX1 === mY1 && mX2 === mY2) {
-					return aX;
-				}
-				if (aX === 0) {
-					return 0;
-				}
-				if (aX === 1) {
-					return 1;
-				}
-
-				return calcBezier(getTForX(aX), mY1, mY2);
-			};
-
-			f.getControlPoints = function() {
-				return [{x: mX1, y: mY1}, {x: mX2, y: mY2}];
-			};
-
-			var str = "generateBezier(" + [mX1, mY1, mX2, mY2] + ")";
-			f.toString = function() {
-				return str;
-			};
-
-			return f;
-		}
-
-		/* Runge-Kutta spring physics function generator. Adapted from Framer.js, copyright Koen Bok. MIT License: http://en.wikipedia.org/wiki/MIT_License */
-		/* Given a tension, friction, and duration, a simulation at 60FPS will first run without a defined duration in order to calculate the full path. A second pass
-		 then adjusts the time delta -- using the relation between actual time and duration -- to calculate the path for the duration-constrained animation. */
-		var generateSpringRK4 = (function() {
-			function springAccelerationForState(state) {
-				return (-state.tension * state.x) - (state.friction * state.v);
-			}
-
-			function springEvaluateStateWithDerivative(initialState, dt, derivative) {
-				var state = {
-					x: initialState.x + derivative.dx * dt,
-					v: initialState.v + derivative.dv * dt,
-					tension: initialState.tension,
-					friction: initialState.friction
-				};
-
-				return {dx: state.v, dv: springAccelerationForState(state)};
-			}
-
-			function springIntegrateState(state, dt) {
-				var a = {
-					dx: state.v,
-					dv: springAccelerationForState(state)
-				},
-						b = springEvaluateStateWithDerivative(state, dt * 0.5, a),
-						c = springEvaluateStateWithDerivative(state, dt * 0.5, b),
-						d = springEvaluateStateWithDerivative(state, dt, c),
-						dxdt = 1.0 / 6.0 * (a.dx + 2.0 * (b.dx + c.dx) + d.dx),
-						dvdt = 1.0 / 6.0 * (a.dv + 2.0 * (b.dv + c.dv) + d.dv);
-
-				state.x = state.x + dxdt * dt;
-				state.v = state.v + dvdt * dt;
-
-				return state;
-			}
-
-			return function springRK4Factory(tension, friction, duration) {
-
-				var initState = {
-					x: -1,
-					v: 0,
-					tension: null,
-					friction: null
-				},
-						path = [0],
-						time_lapsed = 0,
-						tolerance = 1 / 10000,
-						DT = 16 / 1000,
-						have_duration, dt, last_state;
-
-				tension = parseFloat(tension) || 500;
-				friction = parseFloat(friction) || 20;
-				duration = duration || null;
-
-				initState.tension = tension;
-				initState.friction = friction;
-
-				have_duration = duration !== null;
-
-				/* Calculate the actual time it takes for this animation to complete with the provided conditions. */
-				if (have_duration) {
-					/* Run the simulation without a duration. */
-					time_lapsed = springRK4Factory(tension, friction);
-					/* Compute the adjusted time delta. */
-					dt = time_lapsed / duration * DT;
-				} else {
-					dt = DT;
-				}
-
-				while (true) {
-					/* Next/step function .*/
-					last_state = springIntegrateState(last_state || initState, dt);
-					/* Store the position. */
-					path.push(1 + last_state.x);
-					time_lapsed += 16;
-					/* If the change threshold is reached, break. */
-					if (!(Math.abs(last_state.x) > tolerance && Math.abs(last_state.v) > tolerance)) {
-						break;
-					}
-				}
-
-				/* If duration is not defined, return the actual time required for completing this animation. Otherwise, return a closure that holds the
-				 computed path and returns a snapshot of the position according to a given percentComplete. */
-				return !have_duration ? time_lapsed : function(percentComplete) {
-					return path[ (percentComplete * (path.length - 1)) | 0 ];
-				};
-			};
-		}());
-
-		/* jQuery easings. */
-		Velocity.Easings = {
-			linear: function(p) {
-				return p;
-			},
-			swing: function(p) {
-				return 0.5 - Math.cos(p * Math.PI) / 2;
-			},
-			/* Bonus "spring" easing, which is a less exaggerated version of easeInOutElastic. */
-			spring: function(p) {
-				return 1 - (Math.cos(p * 4.5 * Math.PI) * Math.exp(-p * 6));
-			}
-		};
-
-		/* CSS3 and Robert Penner easings. */
-		$.each(
-				[
-					["ease", [0.25, 0.1, 0.25, 1.0]],
-					["ease-in", [0.42, 0.0, 1.00, 1.0]],
-					["ease-out", [0.00, 0.0, 0.58, 1.0]],
-					["ease-in-out", [0.42, 0.0, 0.58, 1.0]],
-					["easeInSine", [0.47, 0, 0.745, 0.715]],
-					["easeOutSine", [0.39, 0.575, 0.565, 1]],
-					["easeInOutSine", [0.445, 0.05, 0.55, 0.95]],
-					["easeInQuad", [0.55, 0.085, 0.68, 0.53]],
-					["easeOutQuad", [0.25, 0.46, 0.45, 0.94]],
-					["easeInOutQuad", [0.455, 0.03, 0.515, 0.955]],
-					["easeInCubic", [0.55, 0.055, 0.675, 0.19]],
-					["easeOutCubic", [0.215, 0.61, 0.355, 1]],
-					["easeInOutCubic", [0.645, 0.045, 0.355, 1]],
-					["easeInQuart", [0.895, 0.03, 0.685, 0.22]],
-					["easeOutQuart", [0.165, 0.84, 0.44, 1]],
-					["easeInOutQuart", [0.77, 0, 0.175, 1]],
-					["easeInQuint", [0.755, 0.05, 0.855, 0.06]],
-					["easeOutQuint", [0.23, 1, 0.32, 1]],
-					["easeInOutQuint", [0.86, 0, 0.07, 1]],
-					["easeInExpo", [0.95, 0.05, 0.795, 0.035]],
-					["easeOutExpo", [0.19, 1, 0.22, 1]],
-					["easeInOutExpo", [1, 0, 0, 1]],
-					["easeInCirc", [0.6, 0.04, 0.98, 0.335]],
-					["easeOutCirc", [0.075, 0.82, 0.165, 1]],
-					["easeInOutCirc", [0.785, 0.135, 0.15, 0.86]]
-				], function(i, easingArray) {
-			Velocity.Easings[easingArray[0]] = generateBezier.apply(null, easingArray[1]);
-		});
-
-		/* Determine the appropriate easing type given an easing input. */
-		function getEasing(value, duration) {
-			var easing = value;
-
-			/* The easing option can either be a string that references a pre-registered easing,
-			 or it can be a two-/four-item array of integers to be converted into a bezier/spring function. */
-			if (Type.isString(value)) {
-				/* Ensure that the easing has been assigned to jQuery's Velocity.Easings object. */
-				if (!Velocity.Easings[value]) {
-					easing = false;
-				}
-			} else if (Type.isArray(value) && value.length === 1) {
-				easing = generateStep.apply(null, value);
-			} else if (Type.isArray(value) && value.length === 2) {
-				/* springRK4 must be passed the animation's duration. */
-				/* Note: If the springRK4 array contains non-numbers, generateSpringRK4() returns an easing
-				 function generated with default tension and friction values. */
-				easing = generateSpringRK4.apply(null, value.concat([duration]));
-			} else if (Type.isArray(value) && value.length === 4) {
-				/* Note: If the bezier array contains non-numbers, generateBezier() returns false. */
-				easing = generateBezier.apply(null, value);
-			} else {
-				easing = false;
-			}
-
-			/* Revert to the Velocity-wide default easing type, or fall back to "swing" (which is also jQuery's default)
-			 if the Velocity-wide default has been incorrectly modified. */
-			if (easing === false) {
-				if (Velocity.Easings[Velocity.defaults.easing]) {
-					easing = Velocity.defaults.easing;
-				} else {
-					easing = EASING_DEFAULT;
-				}
-			}
-
-			return easing;
-		}
-
-		/*****************
-		 CSS Stack
-		 *****************/
-
-		/* The CSS object is a highly condensed and performant CSS stack that fully replaces jQuery's.
-		 It handles the validation, getting, and setting of both standard CSS properties and CSS property hooks. */
-		/* Note: A "CSS" shorthand is aliased so that our code is easier to read. */
-		var CSS = Velocity.CSS = {
-			/*************
-			 RegEx
-			 *************/
-
-			RegEx: {
-				isHex: /^#([A-f\d]{3}){1,2}$/i,
-				/* Unwrap a property value's surrounding text, e.g. "rgba(4, 3, 2, 1)" ==> "4, 3, 2, 1" and "rect(4px 3px 2px 1px)" ==> "4px 3px 2px 1px". */
-				valueUnwrap: /^[A-z]+\((.*)\)$/i,
-				wrappedValueAlreadyExtracted: /[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,
-				/* Split a multi-value property into an array of subvalues, e.g. "rgba(4, 3, 2, 1) 4px 3px 2px 1px" ==> [ "rgba(4, 3, 2, 1)", "4px", "3px", "2px", "1px" ]. */
-				valueSplit: /([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/ig
-			},
-			/************
-			 Lists
-			 ************/
-
-			Lists: {
-				colors: ["fill", "stroke", "stopColor", "color", "backgroundColor", "borderColor", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor", "outlineColor"],
-				transformsBase: ["translateX", "translateY", "scale", "scaleX", "scaleY", "skewX", "skewY", "rotateZ"],
-				transforms3D: ["transformPerspective", "translateZ", "scaleZ", "rotateX", "rotateY"],
-				units: [
-					"%", // relative
-					"em", "ex", "ch", "rem", // font relative
-					"vw", "vh", "vmin", "vmax", // viewport relative
-					"cm", "mm", "Q", "in", "pc", "pt", "px", // absolute lengths
-					"deg", "grad", "rad", "turn", // angles
-					"s", "ms" // time
-				],
-				colorNames: {
-					"aliceblue": "240,248,255",
-					"antiquewhite": "250,235,215",
-					"aquamarine": "127,255,212",
-					"aqua": "0,255,255",
-					"azure": "240,255,255",
-					"beige": "245,245,220",
-					"bisque": "255,228,196",
-					"black": "0,0,0",
-					"blanchedalmond": "255,235,205",
-					"blueviolet": "138,43,226",
-					"blue": "0,0,255",
-					"brown": "165,42,42",
-					"burlywood": "222,184,135",
-					"cadetblue": "95,158,160",
-					"chartreuse": "127,255,0",
-					"chocolate": "210,105,30",
-					"coral": "255,127,80",
-					"cornflowerblue": "100,149,237",
-					"cornsilk": "255,248,220",
-					"crimson": "220,20,60",
-					"cyan": "0,255,255",
-					"darkblue": "0,0,139",
-					"darkcyan": "0,139,139",
-					"darkgoldenrod": "184,134,11",
-					"darkgray": "169,169,169",
-					"darkgrey": "169,169,169",
-					"darkgreen": "0,100,0",
-					"darkkhaki": "189,183,107",
-					"darkmagenta": "139,0,139",
-					"darkolivegreen": "85,107,47",
-					"darkorange": "255,140,0",
-					"darkorchid": "153,50,204",
-					"darkred": "139,0,0",
-					"darksalmon": "233,150,122",
-					"darkseagreen": "143,188,143",
-					"darkslateblue": "72,61,139",
-					"darkslategray": "47,79,79",
-					"darkturquoise": "0,206,209",
-					"darkviolet": "148,0,211",
-					"deeppink": "255,20,147",
-					"deepskyblue": "0,191,255",
-					"dimgray": "105,105,105",
-					"dimgrey": "105,105,105",
-					"dodgerblue": "30,144,255",
-					"firebrick": "178,34,34",
-					"floralwhite": "255,250,240",
-					"forestgreen": "34,139,34",
-					"fuchsia": "255,0,255",
-					"gainsboro": "220,220,220",
-					"ghostwhite": "248,248,255",
-					"gold": "255,215,0",
-					"goldenrod": "218,165,32",
-					"gray": "128,128,128",
-					"grey": "128,128,128",
-					"greenyellow": "173,255,47",
-					"green": "0,128,0",
-					"honeydew": "240,255,240",
-					"hotpink": "255,105,180",
-					"indianred": "205,92,92",
-					"indigo": "75,0,130",
-					"ivory": "255,255,240",
-					"khaki": "240,230,140",
-					"lavenderblush": "255,240,245",
-					"lavender": "230,230,250",
-					"lawngreen": "124,252,0",
-					"lemonchiffon": "255,250,205",
-					"lightblue": "173,216,230",
-					"lightcoral": "240,128,128",
-					"lightcyan": "224,255,255",
-					"lightgoldenrodyellow": "250,250,210",
-					"lightgray": "211,211,211",
-					"lightgrey": "211,211,211",
-					"lightgreen": "144,238,144",
-					"lightpink": "255,182,193",
-					"lightsalmon": "255,160,122",
-					"lightseagreen": "32,178,170",
-					"lightskyblue": "135,206,250",
-					"lightslategray": "119,136,153",
-					"lightsteelblue": "176,196,222",
-					"lightyellow": "255,255,224",
-					"limegreen": "50,205,50",
-					"lime": "0,255,0",
-					"linen": "250,240,230",
-					"magenta": "255,0,255",
-					"maroon": "128,0,0",
-					"mediumaquamarine": "102,205,170",
-					"mediumblue": "0,0,205",
-					"mediumorchid": "186,85,211",
-					"mediumpurple": "147,112,219",
-					"mediumseagreen": "60,179,113",
-					"mediumslateblue": "123,104,238",
-					"mediumspringgreen": "0,250,154",
-					"mediumturquoise": "72,209,204",
-					"mediumvioletred": "199,21,133",
-					"midnightblue": "25,25,112",
-					"mintcream": "245,255,250",
-					"mistyrose": "255,228,225",
-					"moccasin": "255,228,181",
-					"navajowhite": "255,222,173",
-					"navy": "0,0,128",
-					"oldlace": "253,245,230",
-					"olivedrab": "107,142,35",
-					"olive": "128,128,0",
-					"orangered": "255,69,0",
-					"orange": "255,165,0",
-					"orchid": "218,112,214",
-					"palegoldenrod": "238,232,170",
-					"palegreen": "152,251,152",
-					"paleturquoise": "175,238,238",
-					"palevioletred": "219,112,147",
-					"papayawhip": "255,239,213",
-					"peachpuff": "255,218,185",
-					"peru": "205,133,63",
-					"pink": "255,192,203",
-					"plum": "221,160,221",
-					"powderblue": "176,224,230",
-					"purple": "128,0,128",
-					"red": "255,0,0",
-					"rosybrown": "188,143,143",
-					"royalblue": "65,105,225",
-					"saddlebrown": "139,69,19",
-					"salmon": "250,128,114",
-					"sandybrown": "244,164,96",
-					"seagreen": "46,139,87",
-					"seashell": "255,245,238",
-					"sienna": "160,82,45",
-					"silver": "192,192,192",
-					"skyblue": "135,206,235",
-					"slateblue": "106,90,205",
-					"slategray": "112,128,144",
-					"snow": "255,250,250",
-					"springgreen": "0,255,127",
-					"steelblue": "70,130,180",
-					"tan": "210,180,140",
-					"teal": "0,128,128",
-					"thistle": "216,191,216",
-					"tomato": "255,99,71",
-					"turquoise": "64,224,208",
-					"violet": "238,130,238",
-					"wheat": "245,222,179",
-					"whitesmoke": "245,245,245",
-					"white": "255,255,255",
-					"yellowgreen": "154,205,50",
-					"yellow": "255,255,0"
-				}
-			},
-			/************
-			 Hooks
-			 ************/
-
-			/* Hooks allow a subproperty (e.g. "boxShadowBlur") of a compound-value CSS property
-			 (e.g. "boxShadow: X Y Blur Spread Color") to be animated as if it were a discrete property. */
-			/* Note: Beyond enabling fine-grained property animation, hooking is necessary since Velocity only
-			 tweens properties with single numeric values; unlike CSS transitions, Velocity does not interpolate compound-values. */
-			Hooks: {
-				/********************
-				 Registration
-				 ********************/
-
-				/* Templates are a concise way of indicating which subproperties must be individually registered for each compound-value CSS property. */
-				/* Each template consists of the compound-value's base name, its constituent subproperty names, and those subproperties' default values. */
-				templates: {
-					"textShadow": ["Color X Y Blur", "black 0px 0px 0px"],
-					"boxShadow": ["Color X Y Blur Spread", "black 0px 0px 0px 0px"],
-					"clip": ["Top Right Bottom Left", "0px 0px 0px 0px"],
-					"backgroundPosition": ["X Y", "0% 0%"],
-					"transformOrigin": ["X Y Z", "50% 50% 0px"],
-					"perspectiveOrigin": ["X Y", "50% 50%"]
-				},
-				/* A "registered" hook is one that has been converted from its template form into a live,
-				 tweenable property. It contains data to associate it with its root property. */
-				registered: {
-					/* Note: A registered hook looks like this ==> textShadowBlur: [ "textShadow", 3 ],
-					 which consists of the subproperty's name, the associated root property's name,
-					 and the subproperty's position in the root's value. */
-				},
-				/* Convert the templates into individual hooks then append them to the registered object above. */
-				register: function() {
-					/* Color hooks registration: Colors are defaulted to white -- as opposed to black -- since colors that are
-					 currently set to "transparent" default to their respective template below when color-animated,
-					 and white is typically a closer match to transparent than black is. An exception is made for text ("color"),
-					 which is almost always set closer to black than white. */
-					for (var i = 0; i < CSS.Lists.colors.length; i++) {
-						var rgbComponents = (CSS.Lists.colors[i] === "color") ? "0 0 0 1" : "255 255 255 1";
-						CSS.Hooks.templates[CSS.Lists.colors[i]] = ["Red Green Blue Alpha", rgbComponents];
-					}
-
-					var rootProperty,
-							hookTemplate,
-							hookNames;
-
-					/* In IE, color values inside compound-value properties are positioned at the end the value instead of at the beginning.
-					 Thus, we re-arrange the templates accordingly. */
-					if (IE) {
-						for (rootProperty in CSS.Hooks.templates) {
-							if (!CSS.Hooks.templates.hasOwnProperty(rootProperty)) {
-								continue;
-							}
-							hookTemplate = CSS.Hooks.templates[rootProperty];
-							hookNames = hookTemplate[0].split(" ");
-
-							var defaultValues = hookTemplate[1].match(CSS.RegEx.valueSplit);
-
-							if (hookNames[0] === "Color") {
-								/* Reposition both the hook's name and its default value to the end of their respective strings. */
-								hookNames.push(hookNames.shift());
-								defaultValues.push(defaultValues.shift());
-
-								/* Replace the existing template for the hook's root property. */
-								CSS.Hooks.templates[rootProperty] = [hookNames.join(" "), defaultValues.join(" ")];
-							}
-						}
-					}
-
-					/* Hook registration. */
-					for (rootProperty in CSS.Hooks.templates) {
-						if (!CSS.Hooks.templates.hasOwnProperty(rootProperty)) {
-							continue;
-						}
-						hookTemplate = CSS.Hooks.templates[rootProperty];
-						hookNames = hookTemplate[0].split(" ");
-
-						for (var j in hookNames) {
-							if (!hookNames.hasOwnProperty(j)) {
-								continue;
-							}
-							var fullHookName = rootProperty + hookNames[j],
-									hookPosition = j;
-
-							/* For each hook, register its full name (e.g. textShadowBlur) with its root property (e.g. textShadow)
-							 and the hook's position in its template's default value string. */
-							CSS.Hooks.registered[fullHookName] = [rootProperty, hookPosition];
-						}
-					}
-				},
-				/*****************************
-				 Injection and Extraction
-				 *****************************/
-
-				/* Look up the root property associated with the hook (e.g. return "textShadow" for "textShadowBlur"). */
-				/* Since a hook cannot be set directly (the browser won't recognize it), style updating for hooks is routed through the hook's root property. */
-				getRoot: function(property) {
-					var hookData = CSS.Hooks.registered[property];
-
-					if (hookData) {
-						return hookData[0];
-					} else {
-						/* If there was no hook match, return the property name untouched. */
-						return property;
-					}
-				},
-				getUnit: function(str, start) {
-					var unit = (str.substr(start || 0, 5).match(/^[a-z%]+/) || [])[0] || "";
-
-					if (unit && CSS.Lists.units.indexOf(unit) >= 0) {
-						return unit;
-					}
-					return "";
-				},
-				fixColors: function(str) {
-					return str.replace(/(rgba?\(\s*)?(\b[a-z]+\b)/g, function($0, $1, $2) {
-						if (CSS.Lists.colorNames.hasOwnProperty($2)) {
-							return ($1 ? $1 : "rgba(") + CSS.Lists.colorNames[$2] + ($1 ? "" : ",1)");
-						}
-						return $1 + $2;
-					});
-				},
-				/* Convert any rootPropertyValue, null or otherwise, into a space-delimited list of hook values so that
-				 the targeted hook can be injected or extracted at its standard position. */
-				cleanRootPropertyValue: function(rootProperty, rootPropertyValue) {
-					/* If the rootPropertyValue is wrapped with "rgb()", "clip()", etc., remove the wrapping to normalize the value before manipulation. */
-					if (CSS.RegEx.valueUnwrap.test(rootPropertyValue)) {
-						rootPropertyValue = rootPropertyValue.match(CSS.RegEx.valueUnwrap)[1];
-					}
-
-					/* If rootPropertyValue is a CSS null-value (from which there's inherently no hook value to extract),
-					 default to the root's default value as defined in CSS.Hooks.templates. */
-					/* Note: CSS null-values include "none", "auto", and "transparent". They must be converted into their
-					 zero-values (e.g. textShadow: "none" ==> textShadow: "0px 0px 0px black") for hook manipulation to proceed. */
-					if (CSS.Values.isCSSNullValue(rootPropertyValue)) {
-						rootPropertyValue = CSS.Hooks.templates[rootProperty][1];
-					}
-
-					return rootPropertyValue;
-				},
-				/* Extracted the hook's value from its root property's value. This is used to get the starting value of an animating hook. */
-				extractValue: function(fullHookName, rootPropertyValue) {
-					var hookData = CSS.Hooks.registered[fullHookName];
-
-					if (hookData) {
-						var hookRoot = hookData[0],
-								hookPosition = hookData[1];
-
-						rootPropertyValue = CSS.Hooks.cleanRootPropertyValue(hookRoot, rootPropertyValue);
-
-						/* Split rootPropertyValue into its constituent hook values then grab the desired hook at its standard position. */
-						return rootPropertyValue.toString().match(CSS.RegEx.valueSplit)[hookPosition];
-					} else {
-						/* If the provided fullHookName isn't a registered hook, return the rootPropertyValue that was passed in. */
-						return rootPropertyValue;
-					}
-				},
-				/* Inject the hook's value into its root property's value. This is used to piece back together the root property
-				 once Velocity has updated one of its individually hooked values through tweening. */
-				injectValue: function(fullHookName, hookValue, rootPropertyValue) {
-					var hookData = CSS.Hooks.registered[fullHookName];
-
-					if (hookData) {
-						var hookRoot = hookData[0],
-								hookPosition = hookData[1],
-								rootPropertyValueParts,
-								rootPropertyValueUpdated;
-
-						rootPropertyValue = CSS.Hooks.cleanRootPropertyValue(hookRoot, rootPropertyValue);
-
-						/* Split rootPropertyValue into its individual hook values, replace the targeted value with hookValue,
-						 then reconstruct the rootPropertyValue string. */
-						rootPropertyValueParts = rootPropertyValue.toString().match(CSS.RegEx.valueSplit);
-						rootPropertyValueParts[hookPosition] = hookValue;
-						rootPropertyValueUpdated = rootPropertyValueParts.join(" ");
-
-						return rootPropertyValueUpdated;
-					} else {
-						/* If the provided fullHookName isn't a registered hook, return the rootPropertyValue that was passed in. */
-						return rootPropertyValue;
-					}
-				}
-			},
-			/*******************
-			 Normalizations
-			 *******************/
-
-			/* Normalizations standardize CSS property manipulation by pollyfilling browser-specific implementations (e.g. opacity)
-			 and reformatting special properties (e.g. clip, rgba) to look like standard ones. */
-			Normalizations: {
-				/* Normalizations are passed a normalization target (either the property's name, its extracted value, or its injected value),
-				 the targeted element (which may need to be queried), and the targeted property value. */
-				registered: {
-					clip: function(type, element, propertyValue) {
-						switch (type) {
-							case "name":
-								return "clip";
-								/* Clip needs to be unwrapped and stripped of its commas during extraction. */
-							case "extract":
-								var extracted;
-
-								/* If Velocity also extracted this value, skip extraction. */
-								if (CSS.RegEx.wrappedValueAlreadyExtracted.test(propertyValue)) {
-									extracted = propertyValue;
-								} else {
-									/* Remove the "rect()" wrapper. */
-									extracted = propertyValue.toString().match(CSS.RegEx.valueUnwrap);
-
-									/* Strip off commas. */
-									extracted = extracted ? extracted[1].replace(/,(\s+)?/g, " ") : propertyValue;
-								}
-
-								return extracted;
-								/* Clip needs to be re-wrapped during injection. */
-							case "inject":
-								return "rect(" + propertyValue + ")";
-						}
-					},
-					blur: function(type, element, propertyValue) {
-						switch (type) {
-							case "name":
-								return Velocity.State.isFirefox ? "filter" : "-webkit-filter";
-							case "extract":
-								var extracted = parseFloat(propertyValue);
-
-								/* If extracted is NaN, meaning the value isn't already extracted. */
-								if (!(extracted || extracted === 0)) {
-									var blurComponent = propertyValue.toString().match(/blur\(([0-9]+[A-z]+)\)/i);
-
-									/* If the filter string had a blur component, return just the blur value and unit type. */
-									if (blurComponent) {
-										extracted = blurComponent[1];
-										/* If the component doesn't exist, default blur to 0. */
-									} else {
-										extracted = 0;
-									}
-								}
-
-								return extracted;
-								/* Blur needs to be re-wrapped during injection. */
-							case "inject":
-								/* For the blur effect to be fully de-applied, it needs to be set to "none" instead of 0. */
-								if (!parseFloat(propertyValue)) {
-									return "none";
-								} else {
-									return "blur(" + propertyValue + ")";
-								}
-						}
-					},
-					/* <=IE8 do not support the standard opacity property. They use filter:alpha(opacity=INT) instead. */
-					opacity: function(type, element, propertyValue) {
-						if (IE <= 8) {
-							switch (type) {
-								case "name":
-									return "filter";
-								case "extract":
-									/* <=IE8 return a "filter" value of "alpha(opacity=\d{1,3})".
-									 Extract the value and convert it to a decimal value to match the standard CSS opacity property's formatting. */
-									var extracted = propertyValue.toString().match(/alpha\(opacity=(.*)\)/i);
-
-									if (extracted) {
-										/* Convert to decimal value. */
-										propertyValue = extracted[1] / 100;
-									} else {
-										/* When extracting opacity, default to 1 since a null value means opacity hasn't been set. */
-										propertyValue = 1;
-									}
-
-									return propertyValue;
-								case "inject":
-									/* Opacified elements are required to have their zoom property set to a non-zero value. */
-									element.style.zoom = 1;
-
-									/* Setting the filter property on elements with certain font property combinations can result in a
-									 highly unappealing ultra-bolding effect. There's no way to remedy this throughout a tween, but dropping the
-									 value altogether (when opacity hits 1) at leasts ensures that the glitch is gone post-tweening. */
-									if (parseFloat(propertyValue) >= 1) {
-										return "";
-									} else {
-										/* As per the filter property's spec, convert the decimal value to a whole number and wrap the value. */
-										return "alpha(opacity=" + parseInt(parseFloat(propertyValue) * 100, 10) + ")";
-									}
-							}
-							/* With all other browsers, normalization is not required; return the same values that were passed in. */
-						} else {
-							switch (type) {
-								case "name":
-									return "opacity";
-								case "extract":
-									return propertyValue;
-								case "inject":
-									return propertyValue;
-							}
-						}
-					}
-				},
-				/*****************************
-				 Batched Registrations
-				 *****************************/
-
-				/* Note: Batched normalizations extend the CSS.Normalizations.registered object. */
-				register: function() {
-
-					/*****************
-					 Transforms
-					 *****************/
-
-					/* Transforms are the subproperties contained by the CSS "transform" property. Transforms must undergo normalization
-					 so that they can be referenced in a properties map by their individual names. */
-					/* Note: When transforms are "set", they are actually assigned to a per-element transformCache. When all transform
-					 setting is complete complete, CSS.flushTransformCache() must be manually called to flush the values to the DOM.
-					 Transform setting is batched in this way to improve performance: the transform style only needs to be updated
-					 once when multiple transform subproperties are being animated simultaneously. */
-					/* Note: IE9 and Android Gingerbread have support for 2D -- but not 3D -- transforms. Since animating unsupported
-					 transform properties results in the browser ignoring the *entire* transform string, we prevent these 3D values
-					 from being normalized for these browsers so that tweening skips these properties altogether
-					 (since it will ignore them as being unsupported by the browser.) */
-					if ((!IE || IE > 9) && !Velocity.State.isGingerbread) {
-						/* Note: Since the standalone CSS "perspective" property and the CSS transform "perspective" subproperty
-						 share the same name, the latter is given a unique token within Velocity: "transformPerspective". */
-						CSS.Lists.transformsBase = CSS.Lists.transformsBase.concat(CSS.Lists.transforms3D);
-					}
-
-					for (var i = 0; i < CSS.Lists.transformsBase.length; i++) {
-						/* Wrap the dynamically generated normalization function in a new scope so that transformName's value is
-						 paired with its respective function. (Otherwise, all functions would take the final for loop's transformName.) */
-						(function() {
-							var transformName = CSS.Lists.transformsBase[i];
-
-							CSS.Normalizations.registered[transformName] = function(type, element, propertyValue) {
-								switch (type) {
-									/* The normalized property name is the parent "transform" property -- the property that is actually set in CSS. */
-									case "name":
-										return "transform";
-										/* Transform values are cached onto a per-element transformCache object. */
-									case "extract":
-										/* If this transform has yet to be assigned a value, return its null value. */
-										if (Data(element) === undefined || Data(element).transformCache[transformName] === undefined) {
-											/* Scale CSS.Lists.transformsBase default to 1 whereas all other transform properties default to 0. */
-											return /^scale/i.test(transformName) ? 1 : 0;
-											/* When transform values are set, they are wrapped in parentheses as per the CSS spec.
-											 Thus, when extracting their values (for tween calculations), we strip off the parentheses. */
-										}
-										return Data(element).transformCache[transformName].replace(/[()]/g, "");
-									case "inject":
-										var invalid = false;
-
-										/* If an individual transform property contains an unsupported unit type, the browser ignores the *entire* transform property.
-										 Thus, protect users from themselves by skipping setting for transform values supplied with invalid unit types. */
-										/* Switch on the base transform type; ignore the axis by removing the last letter from the transform's name. */
-										switch (transformName.substr(0, transformName.length - 1)) {
-											/* Whitelist unit types for each transform. */
-											case "translate":
-												invalid = !/(%|px|em|rem|vw|vh|\d)$/i.test(propertyValue);
-												break;
-												/* Since an axis-free "scale" property is supported as well, a little hack is used here to detect it by chopping off its last letter. */
-											case "scal":
-											case "scale":
-												/* Chrome on Android has a bug in which scaled elements blur if their initial scale
-												 value is below 1 (which can happen with forcefeeding). Thus, we detect a yet-unset scale property
-												 and ensure that its first value is always 1. More info: http://stackoverflow.com/questions/10417890/css3-animations-with-transform-causes-blurred-elements-on-webkit/10417962#10417962 */
-												if (Velocity.State.isAndroid && Data(element).transformCache[transformName] === undefined && propertyValue < 1) {
-													propertyValue = 1;
-												}
-
-												invalid = !/(\d)$/i.test(propertyValue);
-												break;
-											case "skew":
-												invalid = !/(deg|\d)$/i.test(propertyValue);
-												break;
-											case "rotate":
-												invalid = !/(deg|\d)$/i.test(propertyValue);
-												break;
-										}
-
-										if (!invalid) {
-											/* As per the CSS spec, wrap the value in parentheses. */
-											Data(element).transformCache[transformName] = "(" + propertyValue + ")";
-										}
-
-										/* Although the value is set on the transformCache object, return the newly-updated value for the calling code to process as normal. */
-										return Data(element).transformCache[transformName];
-								}
-							};
-						})();
-					}
-
-					/*************
-					 Colors
-					 *************/
-
-					/* Since Velocity only animates a single numeric value per property, color animation is achieved by hooking the individual RGBA components of CSS color properties.
-					 Accordingly, color values must be normalized (e.g. "#ff0000", "red", and "rgb(255, 0, 0)" ==> "255 0 0 1") so that their components can be injected/extracted by CSS.Hooks logic. */
-					for (var j = 0; j < CSS.Lists.colors.length; j++) {
-						/* Wrap the dynamically generated normalization function in a new scope so that colorName's value is paired with its respective function.
-						 (Otherwise, all functions would take the final for loop's colorName.) */
-						(function() {
-							var colorName = CSS.Lists.colors[j];
-
-							/* Note: In IE<=8, which support rgb but not rgba, color properties are reverted to rgb by stripping off the alpha component. */
-							CSS.Normalizations.registered[colorName] = function(type, element, propertyValue) {
-								switch (type) {
-									case "name":
-										return colorName;
-										/* Convert all color values into the rgb format. (Old IE can return hex values and color names instead of rgb/rgba.) */
-									case "extract":
-										var extracted;
-
-										/* If the color is already in its hookable form (e.g. "255 255 255 1") due to having been previously extracted, skip extraction. */
-										if (CSS.RegEx.wrappedValueAlreadyExtracted.test(propertyValue)) {
-											extracted = propertyValue;
-										} else {
-											var converted,
-													colorNames = {
-														black: "rgb(0, 0, 0)",
-														blue: "rgb(0, 0, 255)",
-														gray: "rgb(128, 128, 128)",
-														green: "rgb(0, 128, 0)",
-														red: "rgb(255, 0, 0)",
-														white: "rgb(255, 255, 255)"
-													};
-
-											/* Convert color names to rgb. */
-											if (/^[A-z]+$/i.test(propertyValue)) {
-												if (colorNames[propertyValue] !== undefined) {
-													converted = colorNames[propertyValue];
-												} else {
-													/* If an unmatched color name is provided, default to black. */
-													converted = colorNames.black;
-												}
-												/* Convert hex values to rgb. */
-											} else if (CSS.RegEx.isHex.test(propertyValue)) {
-												converted = "rgb(" + CSS.Values.hexToRgb(propertyValue).join(" ") + ")";
-												/* If the provided color doesn't match any of the accepted color formats, default to black. */
-											} else if (!(/^rgba?\(/i.test(propertyValue))) {
-												converted = colorNames.black;
-											}
-
-											/* Remove the surrounding "rgb/rgba()" string then replace commas with spaces and strip
-											 repeated spaces (in case the value included spaces to begin with). */
-											extracted = (converted || propertyValue).toString().match(CSS.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g, " ");
-										}
-
-										/* So long as this isn't <=IE8, add a fourth (alpha) component if it's missing and default it to 1 (visible). */
-										if ((!IE || IE > 8) && extracted.split(" ").length === 3) {
-											extracted += " 1";
-										}
-
-										return extracted;
-									case "inject":
-										/* If we have a pattern then it might already have the right values */
-										if (/^rgb/.test(propertyValue)) {
-											return propertyValue;
-										}
-
-										/* If this is IE<=8 and an alpha component exists, strip it off. */
-										if (IE <= 8) {
-											if (propertyValue.split(" ").length === 4) {
-												propertyValue = propertyValue.split(/\s+/).slice(0, 3).join(" ");
-											}
-											/* Otherwise, add a fourth (alpha) component if it's missing and default it to 1 (visible). */
-										} else if (propertyValue.split(" ").length === 3) {
-											propertyValue += " 1";
-										}
-
-										/* Re-insert the browser-appropriate wrapper("rgb/rgba()"), insert commas, and strip off decimal units
-										 on all values but the fourth (R, G, and B only accept whole numbers). */
-										return (IE <= 8 ? "rgb" : "rgba") + "(" + propertyValue.replace(/\s+/g, ",").replace(/\.(\d)+(?=,)/g, "") + ")";
-								}
-							};
-						})();
-					}
-
-					/**************
-					 Dimensions
-					 **************/
-					function augmentDimension(name, element, wantInner) {
-						var isBorderBox = CSS.getPropertyValue(element, "boxSizing").toString().toLowerCase() === "border-box";
-
-						if (isBorderBox === (wantInner || false)) {
-							/* in box-sizing mode, the CSS width / height accessors already give the outerWidth / outerHeight. */
-							var i,
-									value,
-									augment = 0,
-									sides = name === "width" ? ["Left", "Right"] : ["Top", "Bottom"],
-									fields = ["padding" + sides[0], "padding" + sides[1], "border" + sides[0] + "Width", "border" + sides[1] + "Width"];
-
-							for (i = 0; i < fields.length; i++) {
-								value = parseFloat(CSS.getPropertyValue(element, fields[i]));
-								if (!isNaN(value)) {
-									augment += value;
-								}
-							}
-							return wantInner ? -augment : augment;
-						}
-						return 0;
-					}
-					function getDimension(name, wantInner) {
-						return function(type, element, propertyValue) {
-							switch (type) {
-								case "name":
-									return name;
-								case "extract":
-									return parseFloat(propertyValue) + augmentDimension(name, element, wantInner);
-								case "inject":
-									return (parseFloat(propertyValue) - augmentDimension(name, element, wantInner)) + "px";
-							}
-						};
-					}
-					CSS.Normalizations.registered.innerWidth = getDimension("width", true);
-					CSS.Normalizations.registered.innerHeight = getDimension("height", true);
-					CSS.Normalizations.registered.outerWidth = getDimension("width");
-					CSS.Normalizations.registered.outerHeight = getDimension("height");
-				}
-			},
-			/************************
-			 CSS Property Names
-			 ************************/
-
-			Names: {
-				/* Camelcase a property name into its JavaScript notation (e.g. "background-color" ==> "backgroundColor").
-				 Camelcasing is used to normalize property names between and across calls. */
-				camelCase: function(property) {
-					return property.replace(/-(\w)/g, function(match, subMatch) {
-						return subMatch.toUpperCase();
-					});
-				},
-				/* For SVG elements, some properties (namely, dimensional ones) are GET/SET via the element's HTML attributes (instead of via CSS styles). */
-				SVGAttribute: function(property) {
-					var SVGAttributes = "width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2";
-
-					/* Certain browsers require an SVG transform to be applied as an attribute. (Otherwise, application via CSS is preferable due to 3D support.) */
-					if (IE || (Velocity.State.isAndroid && !Velocity.State.isChrome)) {
-						SVGAttributes += "|transform";
-					}
-
-					return new RegExp("^(" + SVGAttributes + ")$", "i").test(property);
-				},
-				/* Determine whether a property should be set with a vendor prefix. */
-				/* If a prefixed version of the property exists, return it. Otherwise, return the original property name.
-				 If the property is not at all supported by the browser, return a false flag. */
-				prefixCheck: function(property) {
-					/* If this property has already been checked, return the cached value. */
-					if (Velocity.State.prefixMatches[property]) {
-						return [Velocity.State.prefixMatches[property], true];
-					} else {
-						var vendors = ["", "Webkit", "Moz", "ms", "O"];
-
-						for (var i = 0, vendorsLength = vendors.length; i < vendorsLength; i++) {
-							var propertyPrefixed;
-
-							if (i === 0) {
-								propertyPrefixed = property;
-							} else {
-								/* Capitalize the first letter of the property to conform to JavaScript vendor prefix notation (e.g. webkitFilter). */
-								propertyPrefixed = vendors[i] + property.replace(/^\w/, function(match) {
-									return match.toUpperCase();
-								});
-							}
-
-							/* Check if the browser supports this property as prefixed. */
-							if (Type.isString(Velocity.State.prefixElement.style[propertyPrefixed])) {
-								/* Cache the match. */
-								Velocity.State.prefixMatches[property] = propertyPrefixed;
-
-								return [propertyPrefixed, true];
-							}
-						}
-
-						/* If the browser doesn't support this property in any form, include a false flag so that the caller can decide how to proceed. */
-						return [property, false];
-					}
-				}
-			},
-			/************************
-			 CSS Property Values
-			 ************************/
-
-			Values: {
-				/* Hex to RGB conversion. Copyright Tim Down: http://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb */
-				hexToRgb: function(hex) {
-					var shortformRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i,
-							longformRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,
-							rgbParts;
-
-					hex = hex.replace(shortformRegex, function(m, r, g, b) {
-						return r + r + g + g + b + b;
-					});
-
-					rgbParts = longformRegex.exec(hex);
-
-					return rgbParts ? [parseInt(rgbParts[1], 16), parseInt(rgbParts[2], 16), parseInt(rgbParts[3], 16)] : [0, 0, 0];
-				},
-				isCSSNullValue: function(value) {
-					/* The browser defaults CSS values that have not been set to either 0 or one of several possible null-value strings.
-					 Thus, we check for both falsiness and these special strings. */
-					/* Null-value checking is performed to default the special strings to 0 (for the sake of tweening) or their hook
-					 templates as defined as CSS.Hooks (for the sake of hook injection/extraction). */
-					/* Note: Chrome returns "rgba(0, 0, 0, 0)" for an undefined color whereas IE returns "transparent". */
-					return (!value || /^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(value));
-				},
-				/* Retrieve a property's default unit type. Used for assigning a unit type when one is not supplied by the user. */
-				getUnitType: function(property) {
-					if (/^(rotate|skew)/i.test(property)) {
-						return "deg";
-					} else if (/(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(property)) {
-						/* The above properties are unitless. */
-						return "";
-					} else {
-						/* Default to px for all other properties. */
-						return "px";
-					}
-				},
-				/* HTML elements default to an associated display type when they're not set to display:none. */
-				/* Note: This function is used for correctly setting the non-"none" display value in certain Velocity redirects, such as fadeIn/Out. */
-				getDisplayType: function(element) {
-					var tagName = element && element.tagName.toString().toLowerCase();
-
-					if (/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(tagName)) {
-						return "inline";
-					} else if (/^(li)$/i.test(tagName)) {
-						return "list-item";
-					} else if (/^(tr)$/i.test(tagName)) {
-						return "table-row";
-					} else if (/^(table)$/i.test(tagName)) {
-						return "table";
-					} else if (/^(tbody)$/i.test(tagName)) {
-						return "table-row-group";
-						/* Default to "block" when no match is found. */
-					} else {
-						return "block";
-					}
-				},
-				/* The class add/remove functions are used to temporarily apply a "velocity-animating" class to elements while they're animating. */
-				addClass: function(element, className) {
-					if (element) {
-						if (element.classList) {
-							element.classList.add(className);
-						} else if (Type.isString(element.className)) {
-							// Element.className is around 15% faster then set/getAttribute
-							element.className += (element.className.length ? " " : "") + className;
-						} else {
-							// Work around for IE strict mode animating SVG - and anything else that doesn't behave correctly - the same way jQuery does it
-							var currentClass = element.getAttribute(IE <= 7 ? "className" : "class") || "";
-
-							element.setAttribute("class", currentClass + (currentClass ? " " : "") + className);
-						}
-					}
-				},
-				removeClass: function(element, className) {
-					if (element) {
-						if (element.classList) {
-							element.classList.remove(className);
-						} else if (Type.isString(element.className)) {
-							// Element.className is around 15% faster then set/getAttribute
-							// TODO: Need some jsperf tests on performance - can we get rid of the regex and maybe use split / array manipulation?
-							element.className = element.className.toString().replace(new RegExp("(^|\\s)" + className.split(" ").join("|") + "(\\s|$)", "gi"), " ");
-						} else {
-							// Work around for IE strict mode animating SVG - and anything else that doesn't behave correctly - the same way jQuery does it
-							var currentClass = element.getAttribute(IE <= 7 ? "className" : "class") || "";
-
-							element.setAttribute("class", currentClass.replace(new RegExp("(^|\s)" + className.split(" ").join("|") + "(\s|$)", "gi"), " "));
-						}
-					}
-				}
-			},
-			/****************************
-			 Style Getting & Setting
-			 ****************************/
-
-			/* The singular getPropertyValue, which routes the logic for all normalizations, hooks, and standard CSS properties. */
-			getPropertyValue: function(element, property, rootPropertyValue, forceStyleLookup) {
-				/* Get an element's computed property value. */
-				/* Note: Retrieving the value of a CSS property cannot simply be performed by checking an element's
-				 style attribute (which only reflects user-defined values). Instead, the browser must be queried for a property's
-				 *computed* value. You can read more about getComputedStyle here: https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle */
-				function computePropertyValue(element, property) {
-					/* When box-sizing isn't set to border-box, height and width style values are incorrectly computed when an
-					 element's scrollbars are visible (which expands the element's dimensions). Thus, we defer to the more accurate
-					 offsetHeight/Width property, which includes the total dimensions for interior, border, padding, and scrollbar.
-					 We subtract border and padding to get the sum of interior + scrollbar. */
-					var computedValue = 0;
-
-					/* IE<=8 doesn't support window.getComputedStyle, thus we defer to jQuery, which has an extensive array
-					 of hacks to accurately retrieve IE8 property values. Re-implementing that logic here is not worth bloating the
-					 codebase for a dying browser. The performance repercussions of using jQuery here are minimal since
-					 Velocity is optimized to rarely (and sometimes never) query the DOM. Further, the $.css() codepath isn't that slow. */
-					if (IE <= 8) {
-						computedValue = $.css(element, property); /* GET */
-						/* All other browsers support getComputedStyle. The returned live object reference is cached onto its
-						 associated element so that it does not need to be refetched upon every GET. */
-					} else {
-						/* Browsers do not return height and width values for elements that are set to display:"none". Thus, we temporarily
-						 toggle display to the element type's default value. */
-						var toggleDisplay = false;
-
-						if (/^(width|height)$/.test(property) && CSS.getPropertyValue(element, "display") === 0) {
-							toggleDisplay = true;
-							CSS.setPropertyValue(element, "display", CSS.Values.getDisplayType(element));
-						}
-
-						var revertDisplay = function() {
-							if (toggleDisplay) {
-								CSS.setPropertyValue(element, "display", "none");
-							}
-						};
-
-						if (!forceStyleLookup) {
-							if (property === "height" && CSS.getPropertyValue(element, "boxSizing").toString().toLowerCase() !== "border-box") {
-								var contentBoxHeight = element.offsetHeight - (parseFloat(CSS.getPropertyValue(element, "borderTopWidth")) || 0) - (parseFloat(CSS.getPropertyValue(element, "borderBottomWidth")) || 0) - (parseFloat(CSS.getPropertyValue(element, "paddingTop")) || 0) - (parseFloat(CSS.getPropertyValue(element, "paddingBottom")) || 0);
-								revertDisplay();
-
-								return contentBoxHeight;
-							} else if (property === "width" && CSS.getPropertyValue(element, "boxSizing").toString().toLowerCase() !== "border-box") {
-								var contentBoxWidth = element.offsetWidth - (parseFloat(CSS.getPropertyValue(element, "borderLeftWidth")) || 0) - (parseFloat(CSS.getPropertyValue(element, "borderRightWidth")) || 0) - (parseFloat(CSS.getPropertyValue(element, "paddingLeft")) || 0) - (parseFloat(CSS.getPropertyValue(element, "paddingRight")) || 0);
-								revertDisplay();
-
-								return contentBoxWidth;
-							}
-						}
-
-						var computedStyle;
-
-						/* For elements that Velocity hasn't been called on directly (e.g. when Velocity queries the DOM on behalf
-						 of a parent of an element its animating), perform a direct getComputedStyle lookup since the object isn't cached. */
-						if (Data(element) === undefined) {
-							computedStyle = window.getComputedStyle(element, null); /* GET */
-							/* If the computedStyle object has yet to be cached, do so now. */
-						} else if (!Data(element).computedStyle) {
-							computedStyle = Data(element).computedStyle = window.getComputedStyle(element, null); /* GET */
-							/* If computedStyle is cached, use it. */
-						} else {
-							computedStyle = Data(element).computedStyle;
-						}
-
-						/* IE and Firefox do not return a value for the generic borderColor -- they only return individual values for each border side's color.
-						 Also, in all browsers, when border colors aren't all the same, a compound value is returned that Velocity isn't setup to parse.
-						 So, as a polyfill for querying individual border side colors, we just return the top border's color and animate all borders from that value. */
-						if (property === "borderColor") {
-							property = "borderTopColor";
-						}
-
-						/* IE9 has a bug in which the "filter" property must be accessed from computedStyle using the getPropertyValue method
-						 instead of a direct property lookup. The getPropertyValue method is slower than a direct lookup, which is why we avoid it by default. */
-						if (IE === 9 && property === "filter") {
-							computedValue = computedStyle.getPropertyValue(property); /* GET */
-						} else {
-							computedValue = computedStyle[property];
-						}
-
-						/* Fall back to the property's style value (if defined) when computedValue returns nothing,
-						 which can happen when the element hasn't been painted. */
-						if (computedValue === "" || computedValue === null) {
-							computedValue = element.style[property];
-						}
-
-						revertDisplay();
-					}
-
-					/* For top, right, bottom, and left (TRBL) values that are set to "auto" on elements of "fixed" or "absolute" position,
-					 defer to jQuery for converting "auto" to a numeric value. (For elements with a "static" or "relative" position, "auto" has the same
-					 effect as being set to 0, so no conversion is necessary.) */
-					/* An example of why numeric conversion is necessary: When an element with "position:absolute" has an untouched "left"
-					 property, which reverts to "auto", left's value is 0 relative to its parent element, but is often non-zero relative
-					 to its *containing* (not parent) element, which is the nearest "position:relative" ancestor or the viewport (and always the viewport in the case of "position:fixed"). */
-					if (computedValue === "auto" && /^(top|right|bottom|left)$/i.test(property)) {
-						var position = computePropertyValue(element, "position"); /* GET */
-
-						/* For absolute positioning, jQuery's $.position() only returns values for top and left;
-						 right and bottom will have their "auto" value reverted to 0. */
-						/* Note: A jQuery object must be created here since jQuery doesn't have a low-level alias for $.position().
-						 Not a big deal since we're currently in a GET batch anyway. */
-						if (position === "fixed" || (position === "absolute" && /top|left/i.test(property))) {
-							/* Note: jQuery strips the pixel unit from its returned values; we re-add it here to conform with computePropertyValue's behavior. */
-							computedValue = $(element).position()[property] + "px"; /* GET */
-						}
-					}
-
-					return computedValue;
-				}
-
-				var propertyValue;
-
-				/* If this is a hooked property (e.g. "clipLeft" instead of the root property of "clip"),
-				 extract the hook's value from a normalized rootPropertyValue using CSS.Hooks.extractValue(). */
-				if (CSS.Hooks.registered[property]) {
-					var hook = property,
-							hookRoot = CSS.Hooks.getRoot(hook);
-
-					/* If a cached rootPropertyValue wasn't passed in (which Velocity always attempts to do in order to avoid requerying the DOM),
-					 query the DOM for the root property's value. */
-					if (rootPropertyValue === undefined) {
-						/* Since the browser is now being directly queried, use the official post-prefixing property name for this lookup. */
-						rootPropertyValue = CSS.getPropertyValue(element, CSS.Names.prefixCheck(hookRoot)[0]); /* GET */
-					}
-
-					/* If this root has a normalization registered, peform the associated normalization extraction. */
-					if (CSS.Normalizations.registered[hookRoot]) {
-						rootPropertyValue = CSS.Normalizations.registered[hookRoot]("extract", element, rootPropertyValue);
-					}
-
-					/* Extract the hook's value. */
-					propertyValue = CSS.Hooks.extractValue(hook, rootPropertyValue);
-
-					/* If this is a normalized property (e.g. "opacity" becomes "filter" in <=IE8) or "translateX" becomes "transform"),
-					 normalize the property's name and value, and handle the special case of transforms. */
-					/* Note: Normalizing a property is mutually exclusive from hooking a property since hook-extracted values are strictly
-					 numerical and therefore do not require normalization extraction. */
-				} else if (CSS.Normalizations.registered[property]) {
-					var normalizedPropertyName,
-							normalizedPropertyValue;
-
-					normalizedPropertyName = CSS.Normalizations.registered[property]("name", element);
-
-					/* Transform values are calculated via normalization extraction (see below), which checks against the element's transformCache.
-					 At no point do transform GETs ever actually query the DOM; initial stylesheet values are never processed.
-					 This is because parsing 3D transform matrices is not always accurate and would bloat our codebase;
-					 thus, normalization extraction defaults initial transform values to their zero-values (e.g. 1 for scaleX and 0 for translateX). */
-					if (normalizedPropertyName !== "transform") {
-						normalizedPropertyValue = computePropertyValue(element, CSS.Names.prefixCheck(normalizedPropertyName)[0]); /* GET */
-
-						/* If the value is a CSS null-value and this property has a hook template, use that zero-value template so that hooks can be extracted from it. */
-						if (CSS.Values.isCSSNullValue(normalizedPropertyValue) && CSS.Hooks.templates[property]) {
-							normalizedPropertyValue = CSS.Hooks.templates[property][1];
-						}
-					}
-
-					propertyValue = CSS.Normalizations.registered[property]("extract", element, normalizedPropertyValue);
-				}
-
-				/* If a (numeric) value wasn't produced via hook extraction or normalization, query the DOM. */
-				if (!/^[\d-]/.test(propertyValue)) {
-					/* For SVG elements, dimensional properties (which SVGAttribute() detects) are tweened via
-					 their HTML attribute values instead of their CSS style values. */
-					var data = Data(element);
-
-					if (data && data.isSVG && CSS.Names.SVGAttribute(property)) {
-						/* Since the height/width attribute values must be set manually, they don't reflect computed values.
-						 Thus, we use use getBBox() to ensure we always get values for elements with undefined height/width attributes. */
-						if (/^(height|width)$/i.test(property)) {
-							/* Firefox throws an error if .getBBox() is called on an SVG that isn't attached to the DOM. */
-							try {
-								propertyValue = element.getBBox()[property];
-							} catch (error) {
-								propertyValue = 0;
-							}
-							/* Otherwise, access the attribute value directly. */
-						} else {
-							propertyValue = element.getAttribute(property);
-						}
-					} else {
-						propertyValue = computePropertyValue(element, CSS.Names.prefixCheck(property)[0]); /* GET */
-					}
-				}
-
-				/* Since property lookups are for animation purposes (which entails computing the numeric delta between start and end values),
-				 convert CSS null-values to an integer of value 0. */
-				if (CSS.Values.isCSSNullValue(propertyValue)) {
-					propertyValue = 0;
-				}
-
-				if (Velocity.debug >= 2) {
-					console.log("Get " + property + ": " + propertyValue);
-				}
-
-				return propertyValue;
-			},
-			/* The singular setPropertyValue, which routes the logic for all normalizations, hooks, and standard CSS properties. */
-			setPropertyValue: function(element, property, propertyValue, rootPropertyValue, scrollData) {
-				var propertyName = property;
-
-				/* In order to be subjected to call options and element queueing, scroll animation is routed through Velocity as if it were a standard CSS property. */
-				if (property === "scroll") {
-					/* If a container option is present, scroll the container instead of the browser window. */
-					if (scrollData.container) {
-						scrollData.container["scroll" + scrollData.direction] = propertyValue;
-						/* Otherwise, Velocity defaults to scrolling the browser window. */
-					} else {
-						if (scrollData.direction === "Left") {
-							window.scrollTo(propertyValue, scrollData.alternateValue);
-						} else {
-							window.scrollTo(scrollData.alternateValue, propertyValue);
-						}
-					}
-				} else {
-					/* Transforms (translateX, rotateZ, etc.) are applied to a per-element transformCache object, which is manually flushed via flushTransformCache().
-					 Thus, for now, we merely cache transforms being SET. */
-					if (CSS.Normalizations.registered[property] && CSS.Normalizations.registered[property]("name", element) === "transform") {
-						/* Perform a normalization injection. */
-						/* Note: The normalization logic handles the transformCache updating. */
-						CSS.Normalizations.registered[property]("inject", element, propertyValue);
-
-						propertyName = "transform";
-						propertyValue = Data(element).transformCache[property];
-					} else {
-						/* Inject hooks. */
-						if (CSS.Hooks.registered[property]) {
-							var hookName = property,
-									hookRoot = CSS.Hooks.getRoot(property);
-
-							/* If a cached rootPropertyValue was not provided, query the DOM for the hookRoot's current value. */
-							rootPropertyValue = rootPropertyValue || CSS.getPropertyValue(element, hookRoot); /* GET */
-
-							propertyValue = CSS.Hooks.injectValue(hookName, propertyValue, rootPropertyValue);
-							property = hookRoot;
-						}
-
-						/* Normalize names and values. */
-						if (CSS.Normalizations.registered[property]) {
-							propertyValue = CSS.Normalizations.registered[property]("inject", element, propertyValue);
-							property = CSS.Normalizations.registered[property]("name", element);
-						}
-
-						/* Assign the appropriate vendor prefix before performing an official style update. */
-						propertyName = CSS.Names.prefixCheck(property)[0];
-
-						/* A try/catch is used for IE<=8, which throws an error when "invalid" CSS values are set, e.g. a negative width.
-						 Try/catch is avoided for other browsers since it incurs a performance overhead. */
-						if (IE <= 8) {
-							try {
-								element.style[propertyName] = propertyValue;
-							} catch (error) {
-								if (Velocity.debug) {
-									console.log("Browser does not support [" + propertyValue + "] for [" + propertyName + "]");
-								}
-							}
-							/* SVG elements have their dimensional properties (width, height, x, y, cx, etc.) applied directly as attributes instead of as styles. */
-							/* Note: IE8 does not support SVG elements, so it's okay that we skip it for SVG animation. */
-						} else {
-							var data = Data(element);
-
-							if (data && data.isSVG && CSS.Names.SVGAttribute(property)) {
-								/* Note: For SVG attributes, vendor-prefixed property names are never used. */
-								/* Note: Not all CSS properties can be animated via attributes, but the browser won't throw an error for unsupported properties. */
-								element.setAttribute(property, propertyValue);
-							} else {
-								element.style[propertyName] = propertyValue;
-							}
-						}
-
-						if (Velocity.debug >= 2) {
-							console.log("Set " + property + " (" + propertyName + "): " + propertyValue);
-						}
-					}
-				}
-
-				/* Return the normalized property name and value in case the caller wants to know how these values were modified before being applied to the DOM. */
-				return [propertyName, propertyValue];
-			},
-			/* To increase performance by batching transform updates into a single SET, transforms are not directly applied to an element until flushTransformCache() is called. */
-			/* Note: Velocity applies transform properties in the same order that they are chronogically introduced to the element's CSS styles. */
-			flushTransformCache: function(element) {
-				var transformString = "",
-						data = Data(element);
-
-				/* Certain browsers require that SVG transforms be applied as an attribute. However, the SVG transform attribute takes a modified version of CSS's transform string
-				 (units are dropped and, except for skewX/Y, subproperties are merged into their master property -- e.g. scaleX and scaleY are merged into scale(X Y). */
-				if ((IE || (Velocity.State.isAndroid && !Velocity.State.isChrome)) && data && data.isSVG) {
-					/* Since transform values are stored in their parentheses-wrapped form, we use a helper function to strip out their numeric values.
-					 Further, SVG transform properties only take unitless (representing pixels) values, so it's okay that parseFloat() strips the unit suffixed to the float value. */
-					var getTransformFloat = function(transformProperty) {
-						return parseFloat(CSS.getPropertyValue(element, transformProperty));
-					};
-
-					/* Create an object to organize all the transforms that we'll apply to the SVG element. To keep the logic simple,
-					 we process *all* transform properties -- even those that may not be explicitly applied (since they default to their zero-values anyway). */
-					var SVGTransforms = {
-						translate: [getTransformFloat("translateX"), getTransformFloat("translateY")],
-						skewX: [getTransformFloat("skewX")], skewY: [getTransformFloat("skewY")],
-						/* If the scale property is set (non-1), use that value for the scaleX and scaleY values
-						 (this behavior mimics the result of animating all these properties at once on HTML elements). */
-						scale: getTransformFloat("scale") !== 1 ? [getTransformFloat("scale"), getTransformFloat("scale")] : [getTransformFloat("scaleX"), getTransformFloat("scaleY")],
-						/* Note: SVG's rotate transform takes three values: rotation degrees followed by the X and Y values
-						 defining the rotation's origin point. We ignore the origin values (default them to 0). */
-						rotate: [getTransformFloat("rotateZ"), 0, 0]
-					};
-
-					/* Iterate through the transform properties in the user-defined property map order.
-					 (This mimics the behavior of non-SVG transform animation.) */
-					$.each(Data(element).transformCache, function(transformName) {
-						/* Except for with skewX/Y, revert the axis-specific transform subproperties to their axis-free master
-						 properties so that they match up with SVG's accepted transform properties. */
-						if (/^translate/i.test(transformName)) {
-							transformName = "translate";
-						} else if (/^scale/i.test(transformName)) {
-							transformName = "scale";
-						} else if (/^rotate/i.test(transformName)) {
-							transformName = "rotate";
-						}
-
-						/* Check that we haven't yet deleted the property from the SVGTransforms container. */
-						if (SVGTransforms[transformName]) {
-							/* Append the transform property in the SVG-supported transform format. As per the spec, surround the space-delimited values in parentheses. */
-							transformString += transformName + "(" + SVGTransforms[transformName].join(" ") + ")" + " ";
-
-							/* After processing an SVG transform property, delete it from the SVGTransforms container so we don't
-							 re-insert the same master property if we encounter another one of its axis-specific properties. */
-							delete SVGTransforms[transformName];
-						}
-					});
-				} else {
-					var transformValue,
-							perspective;
-
-					/* Transform properties are stored as members of the transformCache object. Concatenate all the members into a string. */
-					$.each(Data(element).transformCache, function(transformName) {
-						transformValue = Data(element).transformCache[transformName];
-
-						/* Transform's perspective subproperty must be set first in order to take effect. Store it temporarily. */
-						if (transformName === "transformPerspective") {
-							perspective = transformValue;
-							return true;
-						}
-
-						/* IE9 only supports one rotation type, rotateZ, which it refers to as "rotate". */
-						if (IE === 9 && transformName === "rotateZ") {
-							transformName = "rotate";
-						}
-
-						transformString += transformName + transformValue + " ";
-					});
-
-					/* If present, set the perspective subproperty first. */
-					if (perspective) {
-						transformString = "perspective" + perspective + " " + transformString;
-					}
-				}
-
-				CSS.setPropertyValue(element, "transform", transformString);
-			}
-		};
-
-		/* Register hooks and normalizations. */
-		CSS.Hooks.register();
-		CSS.Normalizations.register();
-
-		/* Allow hook setting in the same fashion as jQuery's $.css(). */
-		Velocity.hook = function(elements, arg2, arg3) {
-			var value;
-
-			elements = sanitizeElements(elements);
-
-			$.each(elements, function(i, element) {
-				/* Initialize Velocity's per-element data cache if this element hasn't previously been animated. */
-				if (Data(element) === undefined) {
-					Velocity.init(element);
-				}
-
-				/* Get property value. If an element set was passed in, only return the value for the first element. */
-				if (arg3 === undefined) {
-					if (value === undefined) {
-						value = CSS.getPropertyValue(element, arg2);
-					}
-					/* Set property value. */
-				} else {
-					/* sPV returns an array of the normalized propertyName/propertyValue pair used to update the DOM. */
-					var adjustedSet = CSS.setPropertyValue(element, arg2, arg3);
-
-					/* Transform properties don't automatically set. They have to be flushed to the DOM. */
-					if (adjustedSet[0] === "transform") {
-						Velocity.CSS.flushTransformCache(element);
-					}
-
-					value = adjustedSet;
-				}
-			});
-
-			return value;
-		};
-
-		/*****************
-		 Animation
-		 *****************/
-
-		var animate = function() {
-			var opts;
-
-			/******************
-			 Call Chain
-			 ******************/
-
-			/* Logic for determining what to return to the call stack when exiting out of Velocity. */
-			function getChain() {
-				/* If we are using the utility function, attempt to return this call's promise. If no promise library was detected,
-				 default to null instead of returning the targeted elements so that utility function's return value is standardized. */
-				if (isUtility) {
-					return promiseData.promise || null;
-					/* Otherwise, if we're using $.fn, return the jQuery-/Zepto-wrapped element set. */
-				} else {
-					return elementsWrapped;
-				}
-			}
-
-			/*************************
-			 Arguments Assignment
-			 *************************/
-
-			/* To allow for expressive CoffeeScript code, Velocity supports an alternative syntax in which "elements" (or "e"), "properties" (or "p"), and "options" (or "o")
-			 objects are defined on a container object that's passed in as Velocity's sole argument. */
-			/* Note: Some browsers automatically populate arguments with a "properties" object. We detect it by checking for its default "names" property. */
-			var syntacticSugar = (arguments[0] && (arguments[0].p || (($.isPlainObject(arguments[0].properties) && !arguments[0].properties.names) || Type.isString(arguments[0].properties)))),
-					/* Whether Velocity was called via the utility function (as opposed to on a jQuery/Zepto object). */
-					isUtility,
-					/* When Velocity is called via the utility function ($.Velocity()/Velocity()), elements are explicitly
-					 passed in as the first parameter. Thus, argument positioning varies. We normalize them here. */
-					elementsWrapped,
-					argumentIndex;
-
-			var elements,
-					propertiesMap,
-					options;
-
-			/* Detect jQuery/Zepto elements being animated via the $.fn method. */
-			if (Type.isWrapped(this)) {
-				isUtility = false;
-
-				argumentIndex = 0;
-				elements = this;
-				elementsWrapped = this;
-				/* Otherwise, raw elements are being animated via the utility function. */
-			} else {
-				isUtility = true;
-
-				argumentIndex = 1;
-				elements = syntacticSugar ? (arguments[0].elements || arguments[0].e) : arguments[0];
-			}
-
-			/***************
-			 Promises
-			 ***************/
-
-			var promiseData = {
-				promise: null,
-				resolver: null,
-				rejecter: null
-			};
-
-			/* If this call was made via the utility function (which is the default method of invocation when jQuery/Zepto are not being used), and if
-			 promise support was detected, create a promise object for this call and store references to its resolver and rejecter methods. The resolve
-			 method is used when a call completes naturally or is prematurely stopped by the user. In both cases, completeCall() handles the associated
-			 call cleanup and promise resolving logic. The reject method is used when an invalid set of arguments is passed into a Velocity call. */
-			/* Note: Velocity employs a call-based queueing architecture, which means that stopping an animating element actually stops the full call that
-			 triggered it -- not that one element exclusively. Similarly, there is one promise per call, and all elements targeted by a Velocity call are
-			 grouped together for the purposes of resolving and rejecting a promise. */
-			if (isUtility && Velocity.Promise) {
-				promiseData.promise = new Velocity.Promise(function(resolve, reject) {
-					promiseData.resolver = resolve;
-					promiseData.rejecter = reject;
-				});
-			}
-
-			if (syntacticSugar) {
-				propertiesMap = arguments[0].properties || arguments[0].p;
-				options = arguments[0].options || arguments[0].o;
-			} else {
-				propertiesMap = arguments[argumentIndex];
-				options = arguments[argumentIndex + 1];
-			}
-
-			elements = sanitizeElements(elements);
-
-			if (!elements) {
-				if (promiseData.promise) {
-					if (!propertiesMap || !options || options.promiseRejectEmpty !== false) {
-						promiseData.rejecter();
-					} else {
-						promiseData.resolver();
-					}
-				}
-				return;
-			}
-
-			/* The length of the element set (in the form of a nodeList or an array of elements) is defaulted to 1 in case a
-			 single raw DOM element is passed in (which doesn't contain a length property). */
-			var elementsLength = elements.length,
-					elementsIndex = 0;
-
-			/***************************
-			 Argument Overloading
-			 ***************************/
-
-			/* Support is included for jQuery's argument overloading: $.animate(propertyMap [, duration] [, easing] [, complete]).
-			 Overloading is detected by checking for the absence of an object being passed into options. */
-			/* Note: The stop/finish/pause/resume actions do not accept animation options, and are therefore excluded from this check. */
-			if (!/^(stop|finish|finishAll|pause|resume)$/i.test(propertiesMap) && !$.isPlainObject(options)) {
-				/* The utility function shifts all arguments one position to the right, so we adjust for that offset. */
-				var startingArgumentPosition = argumentIndex + 1;
-
-				options = {};
-
-				/* Iterate through all options arguments */
-				for (var i = startingArgumentPosition; i < arguments.length; i++) {
-					/* Treat a number as a duration. Parse it out. */
-					/* Note: The following RegEx will return true if passed an array with a number as its first item.
-					 Thus, arrays are skipped from this check. */
-					if (!Type.isArray(arguments[i]) && (/^(fast|normal|slow)$/i.test(arguments[i]) || /^\d/.test(arguments[i]))) {
-						options.duration = arguments[i];
-						/* Treat strings and arrays as easings. */
-					} else if (Type.isString(arguments[i]) || Type.isArray(arguments[i])) {
-						options.easing = arguments[i];
-						/* Treat a function as a complete callback. */
-					} else if (Type.isFunction(arguments[i])) {
-						options.complete = arguments[i];
-					}
-				}
-			}
-
-			/*********************
-			 Action Detection
-			 *********************/
-
-			/* Velocity's behavior is categorized into "actions": Elements can either be specially scrolled into view,
-			 or they can be started, stopped, paused, resumed, or reversed . If a literal or referenced properties map is passed in as Velocity's
-			 first argument, the associated action is "start". Alternatively, "scroll", "reverse", "pause", "resume" or "stop" can be passed in 
-			 instead of a properties map. */
-			var action;
-
-			switch (propertiesMap) {
-				case "scroll":
-					action = "scroll";
-					break;
-
-				case "reverse":
-					action = "reverse";
-					break;
-
-				case "pause":
-
-					/*******************
-					 Action: Pause
-					 *******************/
-
-					var currentTime = (new Date()).getTime();
-
-					/* Handle delay timers */
-					$.each(elements, function(i, element) {
-						pauseDelayOnElement(element, currentTime);
-					});
-
-					/* Pause and Resume are call-wide (not on a per element basis). Thus, calling pause or resume on a 
-					 single element will cause any calls that containt tweens for that element to be paused/resumed
-					 as well. */
-
-					/* Iterate through all calls and pause any that contain any of our elements */
-					$.each(Velocity.State.calls, function(i, activeCall) {
-
-						var found = false;
-						/* Inactive calls are set to false by the logic inside completeCall(). Skip them. */
-						if (activeCall) {
-							/* Iterate through the active call's targeted elements. */
-							$.each(activeCall[1], function(k, activeElement) {
-								var queueName = (options === undefined) ? "" : options;
-
-								if (queueName !== true && (activeCall[2].queue !== queueName) && !(options === undefined && activeCall[2].queue === false)) {
-									return true;
-								}
-
-								/* Iterate through the calls targeted by the stop command. */
-								$.each(elements, function(l, element) {
-									/* Check that this call was applied to the target element. */
-									if (element === activeElement) {
-
-										/* Set call to paused */
-										activeCall[5] = {
-											resume: false
-										};
-
-										/* Once we match an element, we can bounce out to the next call entirely */
-										found = true;
-										return false;
-									}
-								});
-
-								/* Proceed to check next call if we have already matched */
-								if (found) {
-									return false;
-								}
-							});
-						}
-
-					});
-
-					/* Since pause creates no new tweens, exit out of Velocity. */
-					return getChain();
-
-				case "resume":
-
-					/*******************
-					 Action: Resume
-					 *******************/
-
-					/* Handle delay timers */
-					$.each(elements, function(i, element) {
-						resumeDelayOnElement(element, currentTime);
-					});
-
-					/* Pause and Resume are call-wide (not on a per elemnt basis). Thus, calling pause or resume on a 
-					 single element will cause any calls that containt tweens for that element to be paused/resumed
-					 as well. */
-
-					/* Iterate through all calls and pause any that contain any of our elements */
-					$.each(Velocity.State.calls, function(i, activeCall) {
-						var found = false;
-						/* Inactive calls are set to false by the logic inside completeCall(). Skip them. */
-						if (activeCall) {
-							/* Iterate through the active call's targeted elements. */
-							$.each(activeCall[1], function(k, activeElement) {
-								var queueName = (options === undefined) ? "" : options;
-
-								if (queueName !== true && (activeCall[2].queue !== queueName) && !(options === undefined && activeCall[2].queue === false)) {
-									return true;
-								}
-
-								/* Skip any calls that have never been paused */
-								if (!activeCall[5]) {
-									return true;
-								}
-
-								/* Iterate through the calls targeted by the stop command. */
-								$.each(elements, function(l, element) {
-									/* Check that this call was applied to the target element. */
-									if (element === activeElement) {
-
-										/* Flag a pause object to be resumed, which will occur during the next tick. In
-										 addition, the pause object will at that time be deleted */
-										activeCall[5].resume = true;
-
-										/* Once we match an element, we can bounce out to the next call entirely */
-										found = true;
-										return false;
-									}
-								});
-
-								/* Proceed to check next call if we have already matched */
-								if (found) {
-									return false;
-								}
-							});
-						}
-
-					});
-
-					/* Since resume creates no new tweens, exit out of Velocity. */
-					return getChain();
-
-				case "finish":
-				case "finishAll":
-				case "stop":
-					/*******************
-					 Action: Stop
-					 *******************/
-
-					/* Clear the currently-active delay on each targeted element. */
-					$.each(elements, function(i, element) {
-						if (Data(element) && Data(element).delayTimer) {
-							/* Stop the timer from triggering its cached next() function. */
-							clearTimeout(Data(element).delayTimer.setTimeout);
-
-							/* Manually call the next() function so that the subsequent queue items can progress. */
-							if (Data(element).delayTimer.next) {
-								Data(element).delayTimer.next();
-							}
-
-							delete Data(element).delayTimer;
-						}
-
-						/* If we want to finish everything in the queue, we have to iterate through it
-						 and call each function. This will make them active calls below, which will
-						 cause them to be applied via the duration setting. */
-						if (propertiesMap === "finishAll" && (options === true || Type.isString(options))) {
-							/* Iterate through the items in the element's queue. */
-							$.each($.queue(element, Type.isString(options) ? options : ""), function(_, item) {
-								/* The queue array can contain an "inprogress" string, which we skip. */
-								if (Type.isFunction(item)) {
-									item();
-								}
-							});
-
-							/* Clearing the $.queue() array is achieved by resetting it to []. */
-							$.queue(element, Type.isString(options) ? options : "", []);
-						}
-					});
-
-					var callsToStop = [];
-
-					/* When the stop action is triggered, the elements' currently active call is immediately stopped. The active call might have
-					 been applied to multiple elements, in which case all of the call's elements will be stopped. When an element
-					 is stopped, the next item in its animation queue is immediately triggered. */
-					/* An additional argument may be passed in to clear an element's remaining queued calls. Either true (which defaults to the "fx" queue)
-					 or a custom queue string can be passed in. */
-					/* Note: The stop command runs prior to Velocity's Queueing phase since its behavior is intended to take effect *immediately*,
-					 regardless of the element's current queue state. */
-
-					/* Iterate through every active call. */
-					$.each(Velocity.State.calls, function(i, activeCall) {
-						/* Inactive calls are set to false by the logic inside completeCall(). Skip them. */
-						if (activeCall) {
-							/* Iterate through the active call's targeted elements. */
-							$.each(activeCall[1], function(k, activeElement) {
-								/* If true was passed in as a secondary argument, clear absolutely all calls on this element. Otherwise, only
-								 clear calls associated with the relevant queue. */
-								/* Call stopping logic works as follows:
-								 - options === true --> stop current default queue calls (and queue:false calls), including remaining queued ones.
-								 - options === undefined --> stop current queue:"" call and all queue:false calls.
-								 - options === false --> stop only queue:false calls.
-								 - options === "custom" --> stop current queue:"custom" call, including remaining queued ones (there is no functionality to only clear the currently-running queue:"custom" call). */
-								var queueName = (options === undefined) ? "" : options;
-
-								if (queueName !== true && (activeCall[2].queue !== queueName) && !(options === undefined && activeCall[2].queue === false)) {
-									return true;
-								}
-
-								/* Iterate through the calls targeted by the stop command. */
-								$.each(elements, function(l, element) {
-									/* Check that this call was applied to the target element. */
-									if (element === activeElement) {
-										/* Optionally clear the remaining queued calls. If we're doing "finishAll" this won't find anything,
-										 due to the queue-clearing above. */
-										if (options === true || Type.isString(options)) {
-											/* Iterate through the items in the element's queue. */
-											$.each($.queue(element, Type.isString(options) ? options : ""), function(_, item) {
-												/* The queue array can contain an "inprogress" string, which we skip. */
-												if (Type.isFunction(item)) {
-													/* Pass the item's callback a flag indicating that we want to abort from the queue call.
-													 (Specifically, the queue will resolve the call's associated promise then abort.)  */
-													item(null, true);
-												}
-											});
-
-											/* Clearing the $.queue() array is achieved by resetting it to []. */
-											$.queue(element, Type.isString(options) ? options : "", []);
-										}
-
-										if (propertiesMap === "stop") {
-											/* Since "reverse" uses cached start values (the previous call's endValues), these values must be
-											 changed to reflect the final value that the elements were actually tweened to. */
-											/* Note: If only queue:false animations are currently running on an element, it won't have a tweensContainer
-											 object. Also, queue:false animations can't be reversed. */
-											var data = Data(element);
-											if (data && data.tweensContainer && queueName !== false) {
-												$.each(data.tweensContainer, function(m, activeTween) {
-													activeTween.endValue = activeTween.currentValue;
-												});
-											}
-
-											callsToStop.push(i);
-										} else if (propertiesMap === "finish" || propertiesMap === "finishAll") {
-											/* To get active tweens to finish immediately, we forcefully shorten their durations to 1ms so that
-											 they finish upon the next rAf tick then proceed with normal call completion logic. */
-											activeCall[2].duration = 1;
-										}
-									}
-								});
-							});
-						}
-					});
-
-					/* Prematurely call completeCall() on each matched active call. Pass an additional flag for "stop" to indicate
-					 that the complete callback and display:none setting should be skipped since we're completing prematurely. */
-					if (propertiesMap === "stop") {
-						$.each(callsToStop, function(i, j) {
-							completeCall(j, true);
-						});
-
-						if (promiseData.promise) {
-							/* Immediately resolve the promise associated with this stop call since stop runs synchronously. */
-							promiseData.resolver(elements);
-						}
-					}
-
-					/* Since we're stopping, and not proceeding with queueing, exit out of Velocity. */
-					return getChain();
-
-				default:
-					/* Treat a non-empty plain object as a literal properties map. */
-					if ($.isPlainObject(propertiesMap) && !Type.isEmptyObject(propertiesMap)) {
-						action = "start";
-
-						/****************
-						 Redirects
-						 ****************/
-
-						/* Check if a string matches a registered redirect (see Redirects above). */
-					} else if (Type.isString(propertiesMap) && Velocity.Redirects[propertiesMap]) {
-						opts = $.extend({}, options);
-
-						var durationOriginal = opts.duration,
-								delayOriginal = opts.delay || 0;
-
-						/* If the backwards option was passed in, reverse the element set so that elements animate from the last to the first. */
-						if (opts.backwards === true) {
-							elements = $.extend(true, [], elements).reverse();
-						}
-
-						/* Individually trigger the redirect for each element in the set to prevent users from having to handle iteration logic in their redirect. */
-						$.each(elements, function(elementIndex, element) {
-							/* If the stagger option was passed in, successively delay each element by the stagger value (in ms). Retain the original delay value. */
-							if (parseFloat(opts.stagger)) {
-								opts.delay = delayOriginal + (parseFloat(opts.stagger) * elementIndex);
-							} else if (Type.isFunction(opts.stagger)) {
-								opts.delay = delayOriginal + opts.stagger.call(element, elementIndex, elementsLength);
-							}
-
-							/* If the drag option was passed in, successively increase/decrease (depending on the presense of opts.backwards)
-							 the duration of each element's animation, using floors to prevent producing very short durations. */
-							if (opts.drag) {
-								/* Default the duration of UI pack effects (callouts and transitions) to 1000ms instead of the usual default duration of 400ms. */
-								opts.duration = parseFloat(durationOriginal) || (/^(callout|transition)/.test(propertiesMap) ? 1000 : DURATION_DEFAULT);
-
-								/* For each element, take the greater duration of: A) animation completion percentage relative to the original duration,
-								 B) 75% of the original duration, or C) a 200ms fallback (in case duration is already set to a low value).
-								 The end result is a baseline of 75% of the redirect's duration that increases/decreases as the end of the element set is approached. */
-								opts.duration = Math.max(opts.duration * (opts.backwards ? 1 - elementIndex / elementsLength : (elementIndex + 1) / elementsLength), opts.duration * 0.75, 200);
-							}
-
-							/* Pass in the call's opts object so that the redirect can optionally extend it. It defaults to an empty object instead of null to
-							 reduce the opts checking logic required inside the redirect. */
-							Velocity.Redirects[propertiesMap].call(element, element, opts || {}, elementIndex, elementsLength, elements, promiseData.promise ? promiseData : undefined);
-						});
-
-						/* Since the animation logic resides within the redirect's own code, abort the remainder of this call.
-						 (The performance overhead up to this point is virtually non-existant.) */
-						/* Note: The jQuery call chain is kept intact by returning the complete element set. */
-						return getChain();
-					} else {
-						var abortError = "Velocity: First argument (" + propertiesMap + ") was not a property map, a known action, or a registered redirect. Aborting.";
-
-						if (promiseData.promise) {
-							promiseData.rejecter(new Error(abortError));
-						} else {
-							console.log(abortError);
-						}
-
-						return getChain();
-					}
-			}
-
-			/**************************
-			 Call-Wide Variables
-			 **************************/
-
-			/* A container for CSS unit conversion ratios (e.g. %, rem, and em ==> px) that is used to cache ratios across all elements
-			 being animated in a single Velocity call. Calculating unit ratios necessitates DOM querying and updating, and is therefore
-			 avoided (via caching) wherever possible. This container is call-wide instead of page-wide to avoid the risk of using stale
-			 conversion metrics across Velocity animations that are not immediately consecutively chained. */
-			var callUnitConversionData = {
-				lastParent: null,
-				lastPosition: null,
-				lastFontSize: null,
-				lastPercentToPxWidth: null,
-				lastPercentToPxHeight: null,
-				lastEmToPx: null,
-				remToPx: null,
-				vwToPx: null,
-				vhToPx: null
-			};
-
-			/* A container for all the ensuing tween data and metadata associated with this call. This container gets pushed to the page-wide
-			 Velocity.State.calls array that is processed during animation ticking. */
-			var call = [];
-
-			/************************
-			 Element Processing
-			 ************************/
-
-			/* Element processing consists of three parts -- data processing that cannot go stale and data processing that *can* go stale (i.e. third-party style modifications):
-			 1) Pre-Queueing: Element-wide variables, including the element's data storage, are instantiated. Call options are prepared. If triggered, the Stop action is executed.
-			 2) Queueing: The logic that runs once this call has reached its point of execution in the element's $.queue() stack. Most logic is placed here to avoid risking it becoming stale.
-			 3) Pushing: Consolidation of the tween data followed by its push onto the global in-progress calls container.
-			 `elementArrayIndex` allows passing index of the element in the original array to value functions.
-			 If `elementsIndex` were used instead the index would be determined by the elements' per-element queue.
-			 */
-			function processElement(element, elementArrayIndex) {
-
-				/*************************
-				 Part I: Pre-Queueing
-				 *************************/
-
-				/***************************
-				 Element-Wide Variables
-				 ***************************/
-
-				var /* The runtime opts object is the extension of the current call's options and Velocity's page-wide option defaults. */
-						opts = $.extend({}, Velocity.defaults, options),
-						/* A container for the processed data associated with each property in the propertyMap.
-						 (Each property in the map produces its own "tween".) */
-						tweensContainer = {},
-						elementUnitConversionData;
-
-				/******************
-				 Element Init
-				 ******************/
-
-				if (Data(element) === undefined) {
-					Velocity.init(element);
-				}
-
-				/******************
-				 Option: Delay
-				 ******************/
-
-				/* Since queue:false doesn't respect the item's existing queue, we avoid injecting its delay here (it's set later on). */
-				/* Note: Velocity rolls its own delay function since jQuery doesn't have a utility alias for $.fn.delay()
-				 (and thus requires jQuery element creation, which we avoid since its overhead includes DOM querying). */
-				if (parseFloat(opts.delay) && opts.queue !== false) {
-					$.queue(element, opts.queue, function(next) {
-						/* This is a flag used to indicate to the upcoming completeCall() function that this queue entry was initiated by Velocity. See completeCall() for further details. */
-						Velocity.velocityQueueEntryFlag = true;
-
-						/* The ensuing queue item (which is assigned to the "next" argument that $.queue() automatically passes in) will be triggered after a setTimeout delay.
-						 The setTimeout is stored so that it can be subjected to clearTimeout() if this animation is prematurely stopped via Velocity's "stop" command, and
-						 delayBegin/delayTime is used to ensure we can "pause" and "resume" a tween that is still mid-delay. */
-
-						/* Temporarily store delayed elements to facilite access for global pause/resume */
-						var callIndex = Velocity.State.delayedElements.count++;
-						Velocity.State.delayedElements[callIndex] = element;
-
-						var delayComplete = (function(index) {
-							return function() {
-								/* Clear the temporary element */
-								Velocity.State.delayedElements[index] = false;
-
-								/* Finally, issue the call */
-								next();
-							};
-						})(callIndex);
-
-
-						Data(element).delayBegin = (new Date()).getTime();
-						Data(element).delay = parseFloat(opts.delay);
-						Data(element).delayTimer = {
-							setTimeout: setTimeout(next, parseFloat(opts.delay)),
-							next: delayComplete
-						};
-					});
-				}
-
-				/*********************
-				 Option: Duration
-				 *********************/
-
-				/* Support for jQuery's named durations. */
-				switch (opts.duration.toString().toLowerCase()) {
-					case "fast":
-						opts.duration = 200;
-						break;
-
-					case "normal":
-						opts.duration = DURATION_DEFAULT;
-						break;
-
-					case "slow":
-						opts.duration = 600;
-						break;
-
-					default:
-						/* Remove the potential "ms" suffix and default to 1 if the user is attempting to set a duration of 0 (in order to produce an immediate style change). */
-						opts.duration = parseFloat(opts.duration) || 1;
-				}
-
-				/************************
-				 Global Option: Mock
-				 ************************/
-
-				if (Velocity.mock !== false) {
-					/* In mock mode, all animations are forced to 1ms so that they occur immediately upon the next rAF tick.
-					 Alternatively, a multiplier can be passed in to time remap all delays and durations. */
-					if (Velocity.mock === true) {
-						opts.duration = opts.delay = 1;
-					} else {
-						opts.duration *= parseFloat(Velocity.mock) || 1;
-						opts.delay *= parseFloat(Velocity.mock) || 1;
-					}
-				}
-
-				/*******************
-				 Option: Easing
-				 *******************/
-
-				opts.easing = getEasing(opts.easing, opts.duration);
-
-				/**********************
-				 Option: Callbacks
-				 **********************/
-
-				/* Callbacks must functions. Otherwise, default to null. */
-				if (opts.begin && !Type.isFunction(opts.begin)) {
-					opts.begin = null;
-				}
-
-				if (opts.progress && !Type.isFunction(opts.progress)) {
-					opts.progress = null;
-				}
-
-				if (opts.complete && !Type.isFunction(opts.complete)) {
-					opts.complete = null;
-				}
-
-				/*********************************
-				 Option: Display & Visibility
-				 *********************************/
-
-				/* Refer to Velocity's documentation (VelocityJS.org/#displayAndVisibility) for a description of the display and visibility options' behavior. */
-				/* Note: We strictly check for undefined instead of falsiness because display accepts an empty string value. */
-				if (opts.display !== undefined && opts.display !== null) {
-					opts.display = opts.display.toString().toLowerCase();
-
-					/* Users can pass in a special "auto" value to instruct Velocity to set the element to its default display value. */
-					if (opts.display === "auto") {
-						opts.display = Velocity.CSS.Values.getDisplayType(element);
-					}
-				}
-
-				if (opts.visibility !== undefined && opts.visibility !== null) {
-					opts.visibility = opts.visibility.toString().toLowerCase();
-				}
-
-				/**********************
-				 Option: mobileHA
-				 **********************/
-
-				/* When set to true, and if this is a mobile device, mobileHA automatically enables hardware acceleration (via a null transform hack)
-				 on animating elements. HA is removed from the element at the completion of its animation. */
-				/* Note: Android Gingerbread doesn't support HA. If a null transform hack (mobileHA) is in fact set, it will prevent other tranform subproperties from taking effect. */
-				/* Note: You can read more about the use of mobileHA in Velocity's documentation: VelocityJS.org/#mobileHA. */
-				opts.mobileHA = (opts.mobileHA && Velocity.State.isMobile && !Velocity.State.isGingerbread);
-
-				/***********************
-				 Part II: Queueing
-				 ***********************/
-
-				/* When a set of elements is targeted by a Velocity call, the set is broken up and each element has the current Velocity call individually queued onto it.
-				 In this way, each element's existing queue is respected; some elements may already be animating and accordingly should not have this current Velocity call triggered immediately. */
-				/* In each queue, tween data is processed for each animating property then pushed onto the call-wide calls array. When the last element in the set has had its tweens processed,
-				 the call array is pushed to Velocity.State.calls for live processing by the requestAnimationFrame tick. */
-				function buildQueue(next) {
-					var data, lastTweensContainer;
-
-					/*******************
-					 Option: Begin
-					 *******************/
-
-					/* The begin callback is fired once per call -- not once per elemenet -- and is passed the full raw DOM element set as both its context and its first argument. */
-					if (opts.begin && elementsIndex === 0) {
-						/* We throw callbacks in a setTimeout so that thrown errors don't halt the execution of Velocity itself. */
-						try {
-							opts.begin.call(elements, elements);
-						} catch (error) {
-							setTimeout(function() {
-								throw error;
-							}, 1);
-						}
-					}
-
-					/*****************************************
-					 Tween Data Construction (for Scroll)
-					 *****************************************/
-
-					/* Note: In order to be subjected to chaining and animation options, scroll's tweening is routed through Velocity as if it were a standard CSS property animation. */
-					if (action === "scroll") {
-						/* The scroll action uniquely takes an optional "offset" option -- specified in pixels -- that offsets the targeted scroll position. */
-						var scrollDirection = (/^x$/i.test(opts.axis) ? "Left" : "Top"),
-								scrollOffset = parseFloat(opts.offset) || 0,
-								scrollPositionCurrent,
-								scrollPositionCurrentAlternate,
-								scrollPositionEnd;
-
-						/* Scroll also uniquely takes an optional "container" option, which indicates the parent element that should be scrolled --
-						 as opposed to the browser window itself. This is useful for scrolling toward an element that's inside an overflowing parent element. */
-						if (opts.container) {
-							/* Ensure that either a jQuery object or a raw DOM element was passed in. */
-							if (Type.isWrapped(opts.container) || Type.isNode(opts.container)) {
-								/* Extract the raw DOM element from the jQuery wrapper. */
-								opts.container = opts.container[0] || opts.container;
-								/* Note: Unlike other properties in Velocity, the browser's scroll position is never cached since it so frequently changes
-								 (due to the user's natural interaction with the page). */
-								scrollPositionCurrent = opts.container["scroll" + scrollDirection]; /* GET */
-
-								/* $.position() values are relative to the container's currently viewable area (without taking into account the container's true dimensions
-								 -- say, for example, if the container was not overflowing). Thus, the scroll end value is the sum of the child element's position *and*
-								 the scroll container's current scroll position. */
-								scrollPositionEnd = (scrollPositionCurrent + $(element).position()[scrollDirection.toLowerCase()]) + scrollOffset; /* GET */
-								/* If a value other than a jQuery object or a raw DOM element was passed in, default to null so that this option is ignored. */
-							} else {
-								opts.container = null;
-							}
-						} else {
-							/* If the window itself is being scrolled -- not a containing element -- perform a live scroll position lookup using
-							 the appropriate cached property names (which differ based on browser type). */
-							scrollPositionCurrent = Velocity.State.scrollAnchor[Velocity.State["scrollProperty" + scrollDirection]]; /* GET */
-							/* When scrolling the browser window, cache the alternate axis's current value since window.scrollTo() doesn't let us change only one value at a time. */
-							scrollPositionCurrentAlternate = Velocity.State.scrollAnchor[Velocity.State["scrollProperty" + (scrollDirection === "Left" ? "Top" : "Left")]]; /* GET */
-
-							/* Unlike $.position(), $.offset() values are relative to the browser window's true dimensions -- not merely its currently viewable area --
-							 and therefore end values do not need to be compounded onto current values. */
-							scrollPositionEnd = $(element).offset()[scrollDirection.toLowerCase()] + scrollOffset; /* GET */
-						}
-
-						/* Since there's only one format that scroll's associated tweensContainer can take, we create it manually. */
-						tweensContainer = {
-							scroll: {
-								rootPropertyValue: false,
-								startValue: scrollPositionCurrent,
-								currentValue: scrollPositionCurrent,
-								endValue: scrollPositionEnd,
-								unitType: "",
-								easing: opts.easing,
-								scrollData: {
-									container: opts.container,
-									direction: scrollDirection,
-									alternateValue: scrollPositionCurrentAlternate
-								}
-							},
-							element: element
-						};
-
-						if (Velocity.debug) {
-							console.log("tweensContainer (scroll): ", tweensContainer.scroll, element);
-						}
-
-						/******************************************
-						 Tween Data Construction (for Reverse)
-						 ******************************************/
-
-						/* Reverse acts like a "start" action in that a property map is animated toward. The only difference is
-						 that the property map used for reverse is the inverse of the map used in the previous call. Thus, we manipulate
-						 the previous call to construct our new map: use the previous map's end values as our new map's start values. Copy over all other data. */
-						/* Note: Reverse can be directly called via the "reverse" parameter, or it can be indirectly triggered via the loop option. (Loops are composed of multiple reverses.) */
-						/* Note: Reverse calls do not need to be consecutively chained onto a currently-animating element in order to operate on cached values;
-						 there is no harm to reverse being called on a potentially stale data cache since reverse's behavior is simply defined
-						 as reverting to the element's values as they were prior to the previous *Velocity* call. */
-					} else if (action === "reverse") {
-						data = Data(element);
-
-						/* Abort if there is no prior animation data to reverse to. */
-						if (!data) {
-							return;
-						}
-
-						if (!data.tweensContainer) {
-							/* Dequeue the element so that this queue entry releases itself immediately, allowing subsequent queue entries to run. */
-							$.dequeue(element, opts.queue);
-
-							return;
-						} else {
-							/*********************
-							 Options Parsing
-							 *********************/
-
-							/* If the element was hidden via the display option in the previous call,
-							 revert display to "auto" prior to reversal so that the element is visible again. */
-							if (data.opts.display === "none") {
-								data.opts.display = "auto";
-							}
-
-							if (data.opts.visibility === "hidden") {
-								data.opts.visibility = "visible";
-							}
-
-							/* If the loop option was set in the previous call, disable it so that "reverse" calls aren't recursively generated.
-							 Further, remove the previous call's callback options; typically, users do not want these to be refired. */
-							data.opts.loop = false;
-							data.opts.begin = null;
-							data.opts.complete = null;
-
-							/* Since we're extending an opts object that has already been extended with the defaults options object,
-							 we remove non-explicitly-defined properties that are auto-assigned values. */
-							if (!options.easing) {
-								delete opts.easing;
-							}
-
-							if (!options.duration) {
-								delete opts.duration;
-							}
-
-							/* The opts object used for reversal is an extension of the options object optionally passed into this
-							 reverse call plus the options used in the previous Velocity call. */
-							opts = $.extend({}, data.opts, opts);
-
-							/*************************************
-							 Tweens Container Reconstruction
-							 *************************************/
-
-							/* Create a deepy copy (indicated via the true flag) of the previous call's tweensContainer. */
-							lastTweensContainer = $.extend(true, {}, data ? data.tweensContainer : null);
-
-							/* Manipulate the previous tweensContainer by replacing its end values and currentValues with its start values. */
-							for (var lastTween in lastTweensContainer) {
-								/* In addition to tween data, tweensContainers contain an element property that we ignore here. */
-								if (lastTweensContainer.hasOwnProperty(lastTween) && lastTween !== "element") {
-									var lastStartValue = lastTweensContainer[lastTween].startValue;
-
-									lastTweensContainer[lastTween].startValue = lastTweensContainer[lastTween].currentValue = lastTweensContainer[lastTween].endValue;
-									lastTweensContainer[lastTween].endValue = lastStartValue;
-
-									/* Easing is the only option that embeds into the individual tween data (since it can be defined on a per-property basis).
-									 Accordingly, every property's easing value must be updated when an options object is passed in with a reverse call.
-									 The side effect of this extensibility is that all per-property easing values are forcefully reset to the new value. */
-									if (!Type.isEmptyObject(options)) {
-										lastTweensContainer[lastTween].easing = opts.easing;
-									}
-
-									if (Velocity.debug) {
-										console.log("reverse tweensContainer (" + lastTween + "): " + JSON.stringify(lastTweensContainer[lastTween]), element);
-									}
-								}
-							}
-
-							tweensContainer = lastTweensContainer;
-						}
-
-						/*****************************************
-						 Tween Data Construction (for Start)
-						 *****************************************/
-
-					} else if (action === "start") {
-
-						/*************************
-						 Value Transferring
-						 *************************/
-
-						/* If this queue entry follows a previous Velocity-initiated queue entry *and* if this entry was created
-						 while the element was in the process of being animated by Velocity, then this current call is safe to use
-						 the end values from the prior call as its start values. Velocity attempts to perform this value transfer
-						 process whenever possible in order to avoid requerying the DOM. */
-						/* If values aren't transferred from a prior call and start values were not forcefed by the user (more on this below),
-						 then the DOM is queried for the element's current values as a last resort. */
-						/* Note: Conversely, animation reversal (and looping) *always* perform inter-call value transfers; they never requery the DOM. */
-
-						data = Data(element);
-
-						/* The per-element isAnimating flag is used to indicate whether it's safe (i.e. the data isn't stale)
-						 to transfer over end values to use as start values. If it's set to true and there is a previous
-						 Velocity call to pull values from, do so. */
-						if (data && data.tweensContainer && data.isAnimating === true) {
-							lastTweensContainer = data.tweensContainer;
-						}
-
-						/***************************
-						 Tween Data Calculation
-						 ***************************/
-
-						/* This function parses property data and defaults endValue, easing, and startValue as appropriate. */
-						/* Property map values can either take the form of 1) a single value representing the end value,
-						 or 2) an array in the form of [ endValue, [, easing] [, startValue] ].
-						 The optional third parameter is a forcefed startValue to be used instead of querying the DOM for
-						 the element's current value. Read Velocity's docmentation to learn more about forcefeeding: VelocityJS.org/#forcefeeding */
-						var parsePropertyValue = function(valueData, skipResolvingEasing) {
-							var endValue, easing, startValue;
-
-							/* If we have a function as the main argument then resolve it first, in case it returns an array that needs to be split */
-							if (Type.isFunction(valueData)) {
-								valueData = valueData.call(element, elementArrayIndex, elementsLength);
-							}
-
-							/* Handle the array format, which can be structured as one of three potential overloads:
-							 A) [ endValue, easing, startValue ], B) [ endValue, easing ], or C) [ endValue, startValue ] */
-							if (Type.isArray(valueData)) {
-								/* endValue is always the first item in the array. Don't bother validating endValue's value now
-								 since the ensuing property cycling logic does that. */
-								endValue = valueData[0];
-
-								/* Two-item array format: If the second item is a number, function, or hex string, treat it as a
-								 start value since easings can only be non-hex strings or arrays. */
-								if ((!Type.isArray(valueData[1]) && /^[\d-]/.test(valueData[1])) || Type.isFunction(valueData[1]) || CSS.RegEx.isHex.test(valueData[1])) {
-									startValue = valueData[1];
-									/* Two or three-item array: If the second item is a non-hex string easing name or an array, treat it as an easing. */
-								} else if ((Type.isString(valueData[1]) && !CSS.RegEx.isHex.test(valueData[1]) && Velocity.Easings[valueData[1]]) || Type.isArray(valueData[1])) {
-									easing = skipResolvingEasing ? valueData[1] : getEasing(valueData[1], opts.duration);
-
-									/* Don't bother validating startValue's value now since the ensuing property cycling logic inherently does that. */
-									startValue = valueData[2];
-								} else {
-									startValue = valueData[1] || valueData[2];
-								}
-								/* Handle the single-value format. */
-							} else {
-								endValue = valueData;
-							}
-
-							/* Default to the call's easing if a per-property easing type was not defined. */
-							if (!skipResolvingEasing) {
-								easing = easing || opts.easing;
-							}
-
-							/* If functions were passed in as values, pass the function the current element as its context,
-							 plus the element's index and the element set's size as arguments. Then, assign the returned value. */
-							if (Type.isFunction(endValue)) {
-								endValue = endValue.call(element, elementArrayIndex, elementsLength);
-							}
-
-							if (Type.isFunction(startValue)) {
-								startValue = startValue.call(element, elementArrayIndex, elementsLength);
-							}
-
-							/* Allow startValue to be left as undefined to indicate to the ensuing code that its value was not forcefed. */
-							return [endValue || 0, easing, startValue];
-						};
-
-						var fixPropertyValue = function(property, valueData) {
-							/* In case this property is a hook, there are circumstances where we will intend to work on the hook's root property and not the hooked subproperty. */
-							var rootProperty = CSS.Hooks.getRoot(property),
-									rootPropertyValue = false,
-									/* Parse out endValue, easing, and startValue from the property's data. */
-									endValue = valueData[0],
-									easing = valueData[1],
-									startValue = valueData[2],
-									pattern;
-
-							/**************************
-							 Start Value Sourcing
-							 **************************/
-
-							/* Other than for the dummy tween property, properties that are not supported by the browser (and do not have an associated normalization) will
-							 inherently produce no style changes when set, so they are skipped in order to decrease animation tick overhead.
-							 Property support is determined via prefixCheck(), which returns a false flag when no supported is detected. */
-							/* Note: Since SVG elements have some of their properties directly applied as HTML attributes,
-							 there is no way to check for their explicit browser support, and so we skip skip this check for them. */
-							if ((!data || !data.isSVG) && rootProperty !== "tween" && CSS.Names.prefixCheck(rootProperty)[1] === false && CSS.Normalizations.registered[rootProperty] === undefined) {
-								if (Velocity.debug) {
-									console.log("Skipping [" + rootProperty + "] due to a lack of browser support.");
-								}
-								return;
-							}
-
-							/* If the display option is being set to a non-"none" (e.g. "block") and opacity (filter on IE<=8) is being
-							 animated to an endValue of non-zero, the user's intention is to fade in from invisible, thus we forcefeed opacity
-							 a startValue of 0 if its startValue hasn't already been sourced by value transferring or prior forcefeeding. */
-							if (((opts.display !== undefined && opts.display !== null && opts.display !== "none") || (opts.visibility !== undefined && opts.visibility !== "hidden")) && /opacity|filter/.test(property) && !startValue && endValue !== 0) {
-								startValue = 0;
-							}
-
-							/* If values have been transferred from the previous Velocity call, extract the endValue and rootPropertyValue
-							 for all of the current call's properties that were *also* animated in the previous call. */
-							/* Note: Value transferring can optionally be disabled by the user via the _cacheValues option. */
-							if (opts._cacheValues && lastTweensContainer && lastTweensContainer[property]) {
-								if (startValue === undefined) {
-									startValue = lastTweensContainer[property].endValue + lastTweensContainer[property].unitType;
-								}
-
-								/* The previous call's rootPropertyValue is extracted from the element's data cache since that's the
-								 instance of rootPropertyValue that gets freshly updated by the tweening process, whereas the rootPropertyValue
-								 attached to the incoming lastTweensContainer is equal to the root property's value prior to any tweening. */
-								rootPropertyValue = data.rootPropertyValueCache[rootProperty];
-								/* If values were not transferred from a previous Velocity call, query the DOM as needed. */
-							} else {
-								/* Handle hooked properties. */
-								if (CSS.Hooks.registered[property]) {
-									if (startValue === undefined) {
-										rootPropertyValue = CSS.getPropertyValue(element, rootProperty); /* GET */
-										/* Note: The following getPropertyValue() call does not actually trigger a DOM query;
-										 getPropertyValue() will extract the hook from rootPropertyValue. */
-										startValue = CSS.getPropertyValue(element, property, rootPropertyValue);
-										/* If startValue is already defined via forcefeeding, do not query the DOM for the root property's value;
-										 just grab rootProperty's zero-value template from CSS.Hooks. This overwrites the element's actual
-										 root property value (if one is set), but this is acceptable since the primary reason users forcefeed is
-										 to avoid DOM queries, and thus we likewise avoid querying the DOM for the root property's value. */
-									} else {
-										/* Grab this hook's zero-value template, e.g. "0px 0px 0px black". */
-										rootPropertyValue = CSS.Hooks.templates[rootProperty][1];
-									}
-									/* Handle non-hooked properties that haven't already been defined via forcefeeding. */
-								} else if (startValue === undefined) {
-									startValue = CSS.getPropertyValue(element, property); /* GET */
-								}
-							}
-
-							/**************************
-							 Value Data Extraction
-							 **************************/
-
-							var separatedValue,
-									endValueUnitType,
-									startValueUnitType,
-									operator = false;
-
-							/* Separates a property value into its numeric value and its unit type. */
-							var separateValue = function(property, value) {
-								var unitType,
-										numericValue;
-
-								numericValue = (value || "0")
-										.toString()
-										.toLowerCase()
-										/* Match the unit type at the end of the value. */
-										.replace(/[%A-z]+$/, function(match) {
-											/* Grab the unit type. */
-											unitType = match;
-
-											/* Strip the unit type off of value. */
-											return "";
-										});
-
-								/* If no unit type was supplied, assign one that is appropriate for this property (e.g. "deg" for rotateZ or "px" for width). */
-								if (!unitType) {
-									unitType = CSS.Values.getUnitType(property);
-								}
-
-								return [numericValue, unitType];
-							};
-
-							if (startValue !== endValue && Type.isString(startValue) && Type.isString(endValue)) {
-								pattern = "";
-								var iStart = 0, // index in startValue
-										iEnd = 0, // index in endValue
-										aStart = [], // array of startValue numbers
-										aEnd = [], // array of endValue numbers
-										inCalc = 0, // Keep track of being inside a "calc()" so we don't duplicate it
-										inRGB = 0, // Keep track of being inside an RGB as we can't use fractional values
-										inRGBA = 0; // Keep track of being inside an RGBA as we must pass fractional for the alpha channel
-
-								startValue = CSS.Hooks.fixColors(startValue);
-								endValue = CSS.Hooks.fixColors(endValue);
-								while (iStart < startValue.length && iEnd < endValue.length) {
-									var cStart = startValue[iStart],
-											cEnd = endValue[iEnd];
-
-									if (/[\d\.-]/.test(cStart) && /[\d\.-]/.test(cEnd)) {
-										var tStart = cStart, // temporary character buffer
-												tEnd = cEnd, // temporary character buffer
-												dotStart = ".", // Make sure we can only ever match a single dot in a decimal
-												dotEnd = "."; // Make sure we can only ever match a single dot in a decimal
-
-										while (++iStart < startValue.length) {
-											cStart = startValue[iStart];
-											if (cStart === dotStart) {
-												dotStart = ".."; // Can never match two characters
-											} else if (!/\d/.test(cStart)) {
-												break;
-											}
-											tStart += cStart;
-										}
-										while (++iEnd < endValue.length) {
-											cEnd = endValue[iEnd];
-											if (cEnd === dotEnd) {
-												dotEnd = ".."; // Can never match two characters
-											} else if (!/\d/.test(cEnd)) {
-												break;
-											}
-											tEnd += cEnd;
-										}
-										var uStart = CSS.Hooks.getUnit(startValue, iStart), // temporary unit type
-												uEnd = CSS.Hooks.getUnit(endValue, iEnd); // temporary unit type
-
-										iStart += uStart.length;
-										iEnd += uEnd.length;
-										if (uStart === uEnd) {
-											// Same units
-											if (tStart === tEnd) {
-												// Same numbers, so just copy over
-												pattern += tStart + uStart;
-											} else {
-												// Different numbers, so store them
-												pattern += "{" + aStart.length + (inRGB ? "!" : "") + "}" + uStart;
-												aStart.push(parseFloat(tStart));
-												aEnd.push(parseFloat(tEnd));
-											}
-										} else {
-											// Different units, so put into a "calc(from + to)" and animate each side to/from zero
-											var nStart = parseFloat(tStart),
-													nEnd = parseFloat(tEnd);
-
-											pattern += (inCalc < 5 ? "calc" : "") + "("
-													+ (nStart ? "{" + aStart.length + (inRGB ? "!" : "") + "}" : "0") + uStart
-													+ " + "
-													+ (nEnd ? "{" + (aStart.length + (nStart ? 1 : 0)) + (inRGB ? "!" : "") + "}" : "0") + uEnd
-													+ ")";
-											if (nStart) {
-												aStart.push(nStart);
-												aEnd.push(0);
-											}
-											if (nEnd) {
-												aStart.push(0);
-												aEnd.push(nEnd);
-											}
-										}
-									} else if (cStart === cEnd) {
-										pattern += cStart;
-										iStart++;
-										iEnd++;
-										// Keep track of being inside a calc()
-										if (inCalc === 0 && cStart === "c"
-												|| inCalc === 1 && cStart === "a"
-												|| inCalc === 2 && cStart === "l"
-												|| inCalc === 3 && cStart === "c"
-												|| inCalc >= 4 && cStart === "("
-												) {
-											inCalc++;
-										} else if ((inCalc && inCalc < 5)
-												|| inCalc >= 4 && cStart === ")" && --inCalc < 5) {
-											inCalc = 0;
-										}
-										// Keep track of being inside an rgb() / rgba()
-										if (inRGB === 0 && cStart === "r"
-												|| inRGB === 1 && cStart === "g"
-												|| inRGB === 2 && cStart === "b"
-												|| inRGB === 3 && cStart === "a"
-												|| inRGB >= 3 && cStart === "("
-												) {
-											if (inRGB === 3 && cStart === "a") {
-												inRGBA = 1;
-											}
-											inRGB++;
-										} else if (inRGBA && cStart === ",") {
-											if (++inRGBA > 3) {
-												inRGB = inRGBA = 0;
-											}
-										} else if ((inRGBA && inRGB < (inRGBA ? 5 : 4))
-												|| inRGB >= (inRGBA ? 4 : 3) && cStart === ")" && --inRGB < (inRGBA ? 5 : 4)) {
-											inRGB = inRGBA = 0;
-										}
-									} else {
-										inCalc = 0;
-										// TODO: changing units, fixing colours
-										break;
-									}
-								}
-								if (iStart !== startValue.length || iEnd !== endValue.length) {
-									if (Velocity.debug) {
-										console.error("Trying to pattern match mis-matched strings [\"" + endValue + "\", \"" + startValue + "\"]");
-									}
-									pattern = undefined;
-								}
-								if (pattern) {
-									if (aStart.length) {
-										if (Velocity.debug) {
-											console.log("Pattern found \"" + pattern + "\" -> ", aStart, aEnd, "[" + startValue + "," + endValue + "]");
-										}
-										startValue = aStart;
-										endValue = aEnd;
-										endValueUnitType = startValueUnitType = "";
-									} else {
-										pattern = undefined;
-									}
-								}
-							}
-
-							if (!pattern) {
-								/* Separate startValue. */
-								separatedValue = separateValue(property, startValue);
-								startValue = separatedValue[0];
-								startValueUnitType = separatedValue[1];
-
-								/* Separate endValue, and extract a value operator (e.g. "+=", "-=") if one exists. */
-								separatedValue = separateValue(property, endValue);
-								endValue = separatedValue[0].replace(/^([+-\/*])=/, function(match, subMatch) {
-									operator = subMatch;
-
-									/* Strip the operator off of the value. */
-									return "";
-								});
-								endValueUnitType = separatedValue[1];
-
-								/* Parse float values from endValue and startValue. Default to 0 if NaN is returned. */
-								startValue = parseFloat(startValue) || 0;
-								endValue = parseFloat(endValue) || 0;
-
-								/***************************************
-								 Property-Specific Value Conversion
-								 ***************************************/
-
-								/* Custom support for properties that don't actually accept the % unit type, but where pollyfilling is trivial and relatively foolproof. */
-								if (endValueUnitType === "%") {
-									/* A %-value fontSize/lineHeight is relative to the parent's fontSize (as opposed to the parent's dimensions),
-									 which is identical to the em unit's behavior, so we piggyback off of that. */
-									if (/^(fontSize|lineHeight)$/.test(property)) {
-										/* Convert % into an em decimal value. */
-										endValue = endValue / 100;
-										endValueUnitType = "em";
-										/* For scaleX and scaleY, convert the value into its decimal format and strip off the unit type. */
-									} else if (/^scale/.test(property)) {
-										endValue = endValue / 100;
-										endValueUnitType = "";
-										/* For RGB components, take the defined percentage of 255 and strip off the unit type. */
-									} else if (/(Red|Green|Blue)$/i.test(property)) {
-										endValue = (endValue / 100) * 255;
-										endValueUnitType = "";
-									}
-								}
-							}
-
-							/***************************
-							 Unit Ratio Calculation
-							 ***************************/
-
-							/* When queried, the browser returns (most) CSS property values in pixels. Therefore, if an endValue with a unit type of
-							 %, em, or rem is animated toward, startValue must be converted from pixels into the same unit type as endValue in order
-							 for value manipulation logic (increment/decrement) to proceed. Further, if the startValue was forcefed or transferred
-							 from a previous call, startValue may also not be in pixels. Unit conversion logic therefore consists of two steps:
-							 1) Calculating the ratio of %/em/rem/vh/vw relative to pixels
-							 2) Converting startValue into the same unit of measurement as endValue based on these ratios. */
-							/* Unit conversion ratios are calculated by inserting a sibling node next to the target node, copying over its position property,
-							 setting values with the target unit type then comparing the returned pixel value. */
-							/* Note: Even if only one of these unit types is being animated, all unit ratios are calculated at once since the overhead
-							 of batching the SETs and GETs together upfront outweights the potential overhead
-							 of layout thrashing caused by re-querying for uncalculated ratios for subsequently-processed properties. */
-							/* Todo: Shift this logic into the calls' first tick instance so that it's synced with RAF. */
-							var calculateUnitRatios = function() {
-
-								/************************
-								 Same Ratio Checks
-								 ************************/
-
-								/* The properties below are used to determine whether the element differs sufficiently from this call's
-								 previously iterated element to also differ in its unit conversion ratios. If the properties match up with those
-								 of the prior element, the prior element's conversion ratios are used. Like most optimizations in Velocity,
-								 this is done to minimize DOM querying. */
-								var sameRatioIndicators = {
-									myParent: element.parentNode || document.body, /* GET */
-									position: CSS.getPropertyValue(element, "position"), /* GET */
-									fontSize: CSS.getPropertyValue(element, "fontSize") /* GET */
-								},
-										/* Determine if the same % ratio can be used. % is based on the element's position value and its parent's width and height dimensions. */
-										samePercentRatio = ((sameRatioIndicators.position === callUnitConversionData.lastPosition) && (sameRatioIndicators.myParent === callUnitConversionData.lastParent)),
-										/* Determine if the same em ratio can be used. em is relative to the element's fontSize. */
-										sameEmRatio = (sameRatioIndicators.fontSize === callUnitConversionData.lastFontSize);
-
-								/* Store these ratio indicators call-wide for the next element to compare against. */
-								callUnitConversionData.lastParent = sameRatioIndicators.myParent;
-								callUnitConversionData.lastPosition = sameRatioIndicators.position;
-								callUnitConversionData.lastFontSize = sameRatioIndicators.fontSize;
-
-								/***************************
-								 Element-Specific Units
-								 ***************************/
-
-								/* Note: IE8 rounds to the nearest pixel when returning CSS values, thus we perform conversions using a measurement
-								 of 100 (instead of 1) to give our ratios a precision of at least 2 decimal values. */
-								var measurement = 100,
-										unitRatios = {};
-
-								if (!sameEmRatio || !samePercentRatio) {
-									var dummy = data && data.isSVG ? document.createElementNS("http://www.w3.org/2000/svg", "rect") : document.createElement("div");
-
-									Velocity.init(dummy);
-									sameRatioIndicators.myParent.appendChild(dummy);
-
-									/* To accurately and consistently calculate conversion ratios, the element's cascaded overflow and box-sizing are stripped.
-									 Similarly, since width/height can be artificially constrained by their min-/max- equivalents, these are controlled for as well. */
-									/* Note: Overflow must be also be controlled for per-axis since the overflow property overwrites its per-axis values. */
-									$.each(["overflow", "overflowX", "overflowY"], function(i, property) {
-										Velocity.CSS.setPropertyValue(dummy, property, "hidden");
-									});
-									Velocity.CSS.setPropertyValue(dummy, "position", sameRatioIndicators.position);
-									Velocity.CSS.setPropertyValue(dummy, "fontSize", sameRatioIndicators.fontSize);
-									Velocity.CSS.setPropertyValue(dummy, "boxSizing", "content-box");
-
-									/* width and height act as our proxy properties for measuring the horizontal and vertical % ratios. */
-									$.each(["minWidth", "maxWidth", "width", "minHeight", "maxHeight", "height"], function(i, property) {
-										Velocity.CSS.setPropertyValue(dummy, property, measurement + "%");
-									});
-									/* paddingLeft arbitrarily acts as our proxy property for the em ratio. */
-									Velocity.CSS.setPropertyValue(dummy, "paddingLeft", measurement + "em");
-
-									/* Divide the returned value by the measurement to get the ratio between 1% and 1px. Default to 1 since working with 0 can produce Infinite. */
-									unitRatios.percentToPxWidth = callUnitConversionData.lastPercentToPxWidth = (parseFloat(CSS.getPropertyValue(dummy, "width", null, true)) || 1) / measurement; /* GET */
-									unitRatios.percentToPxHeight = callUnitConversionData.lastPercentToPxHeight = (parseFloat(CSS.getPropertyValue(dummy, "height", null, true)) || 1) / measurement; /* GET */
-									unitRatios.emToPx = callUnitConversionData.lastEmToPx = (parseFloat(CSS.getPropertyValue(dummy, "paddingLeft")) || 1) / measurement; /* GET */
-
-									sameRatioIndicators.myParent.removeChild(dummy);
-								} else {
-									unitRatios.emToPx = callUnitConversionData.lastEmToPx;
-									unitRatios.percentToPxWidth = callUnitConversionData.lastPercentToPxWidth;
-									unitRatios.percentToPxHeight = callUnitConversionData.lastPercentToPxHeight;
-								}
-
-								/***************************
-								 Element-Agnostic Units
-								 ***************************/
-
-								/* Whereas % and em ratios are determined on a per-element basis, the rem unit only needs to be checked
-								 once per call since it's exclusively dependant upon document.body's fontSize. If this is the first time
-								 that calculateUnitRatios() is being run during this call, remToPx will still be set to its default value of null,
-								 so we calculate it now. */
-								if (callUnitConversionData.remToPx === null) {
-									/* Default to browsers' default fontSize of 16px in the case of 0. */
-									callUnitConversionData.remToPx = parseFloat(CSS.getPropertyValue(document.body, "fontSize")) || 16; /* GET */
-								}
-
-								/* Similarly, viewport units are %-relative to the window's inner dimensions. */
-								if (callUnitConversionData.vwToPx === null) {
-									callUnitConversionData.vwToPx = parseFloat(window.innerWidth) / 100; /* GET */
-									callUnitConversionData.vhToPx = parseFloat(window.innerHeight) / 100; /* GET */
-								}
-
-								unitRatios.remToPx = callUnitConversionData.remToPx;
-								unitRatios.vwToPx = callUnitConversionData.vwToPx;
-								unitRatios.vhToPx = callUnitConversionData.vhToPx;
-
-								if (Velocity.debug >= 1) {
-									console.log("Unit ratios: " + JSON.stringify(unitRatios), element);
-								}
-								return unitRatios;
-							};
-
-							/********************
-							 Unit Conversion
-							 ********************/
-
-							/* The * and / operators, which are not passed in with an associated unit, inherently use startValue's unit. Skip value and unit conversion. */
-							if (/[\/*]/.test(operator)) {
-								endValueUnitType = startValueUnitType;
-								/* If startValue and endValue differ in unit type, convert startValue into the same unit type as endValue so that if endValueUnitType
-								 is a relative unit (%, em, rem), the values set during tweening will continue to be accurately relative even if the metrics they depend
-								 on are dynamically changing during the course of the animation. Conversely, if we always normalized into px and used px for setting values, the px ratio
-								 would become stale if the original unit being animated toward was relative and the underlying metrics change during the animation. */
-								/* Since 0 is 0 in any unit type, no conversion is necessary when startValue is 0 -- we just start at 0 with endValueUnitType. */
-							} else if ((startValueUnitType !== endValueUnitType) && startValue !== 0) {
-								/* Unit conversion is also skipped when endValue is 0, but *startValueUnitType* must be used for tween values to remain accurate. */
-								/* Note: Skipping unit conversion here means that if endValueUnitType was originally a relative unit, the animation won't relatively
-								 match the underlying metrics if they change, but this is acceptable since we're animating toward invisibility instead of toward visibility,
-								 which remains past the point of the animation's completion. */
-								if (endValue === 0) {
-									endValueUnitType = startValueUnitType;
-								} else {
-									/* By this point, we cannot avoid unit conversion (it's undesirable since it causes layout thrashing).
-									 If we haven't already, we trigger calculateUnitRatios(), which runs once per element per call. */
-									elementUnitConversionData = elementUnitConversionData || calculateUnitRatios();
-
-									/* The following RegEx matches CSS properties that have their % values measured relative to the x-axis. */
-									/* Note: W3C spec mandates that all of margin and padding's properties (even top and bottom) are %-relative to the *width* of the parent element. */
-									var axis = (/margin|padding|left|right|width|text|word|letter/i.test(property) || /X$/.test(property) || property === "x") ? "x" : "y";
-
-									/* In order to avoid generating n^2 bespoke conversion functions, unit conversion is a two-step process:
-									 1) Convert startValue into pixels. 2) Convert this new pixel value into endValue's unit type. */
-									switch (startValueUnitType) {
-										case "%":
-											/* Note: translateX and translateY are the only properties that are %-relative to an element's own dimensions -- not its parent's dimensions.
-											 Velocity does not include a special conversion process to account for this behavior. Therefore, animating translateX/Y from a % value
-											 to a non-% value will produce an incorrect start value. Fortunately, this sort of cross-unit conversion is rarely done by users in practice. */
-											startValue *= (axis === "x" ? elementUnitConversionData.percentToPxWidth : elementUnitConversionData.percentToPxHeight);
-											break;
-
-										case "px":
-											/* px acts as our midpoint in the unit conversion process; do nothing. */
-											break;
-
-										default:
-											startValue *= elementUnitConversionData[startValueUnitType + "ToPx"];
-									}
-
-									/* Invert the px ratios to convert into to the target unit. */
-									switch (endValueUnitType) {
-										case "%":
-											startValue *= 1 / (axis === "x" ? elementUnitConversionData.percentToPxWidth : elementUnitConversionData.percentToPxHeight);
-											break;
-
-										case "px":
-											/* startValue is already in px, do nothing; we're done. */
-											break;
-
-										default:
-											startValue *= 1 / elementUnitConversionData[endValueUnitType + "ToPx"];
-									}
-								}
-							}
-
-							/*********************
-							 Relative Values
-							 *********************/
-
-							/* Operator logic must be performed last since it requires unit-normalized start and end values. */
-							/* Note: Relative *percent values* do not behave how most people think; while one would expect "+=50%"
-							 to increase the property 1.5x its current value, it in fact increases the percent units in absolute terms:
-							 50 points is added on top of the current % value. */
-							switch (operator) {
-								case "+":
-									endValue = startValue + endValue;
-									break;
-
-								case "-":
-									endValue = startValue - endValue;
-									break;
-
-								case "*":
-									endValue = startValue * endValue;
-									break;
-
-								case "/":
-									endValue = startValue / endValue;
-									break;
-							}
-
-							/**************************
-							 tweensContainer Push
-							 **************************/
-
-							/* Construct the per-property tween object, and push it to the element's tweensContainer. */
-							tweensContainer[property] = {
-								rootPropertyValue: rootPropertyValue,
-								startValue: startValue,
-								currentValue: startValue,
-								endValue: endValue,
-								unitType: endValueUnitType,
-								easing: easing
-							};
-							if (pattern) {
-								tweensContainer[property].pattern = pattern;
-							}
-
-							if (Velocity.debug) {
-								console.log("tweensContainer (" + property + "): " + JSON.stringify(tweensContainer[property]), element);
-							}
-						};
-
-						/* Create a tween out of each property, and append its associated data to tweensContainer. */
-						for (var property in propertiesMap) {
-
-							if (!propertiesMap.hasOwnProperty(property)) {
-								continue;
-							}
-							/* The original property name's format must be used for the parsePropertyValue() lookup,
-							 but we then use its camelCase styling to normalize it for manipulation. */
-							var propertyName = CSS.Names.camelCase(property),
-									valueData = parsePropertyValue(propertiesMap[property]);
-
-							/* Find shorthand color properties that have been passed a hex string. */
-							/* Would be quicker to use CSS.Lists.colors.includes() if possible */
-							if (CSS.Lists.colors.indexOf(propertyName) >= 0) {
-								/* Parse the value data for each shorthand. */
-								var endValue = valueData[0],
-										easing = valueData[1],
-										startValue = valueData[2];
-
-								if (CSS.RegEx.isHex.test(endValue)) {
-									/* Convert the hex strings into their RGB component arrays. */
-									var colorComponents = ["Red", "Green", "Blue"],
-											endValueRGB = CSS.Values.hexToRgb(endValue),
-											startValueRGB = startValue ? CSS.Values.hexToRgb(startValue) : undefined;
-
-									/* Inject the RGB component tweens into propertiesMap. */
-									for (var i = 0; i < colorComponents.length; i++) {
-										var dataArray = [endValueRGB[i]];
-
-										if (easing) {
-											dataArray.push(easing);
-										}
-
-										if (startValueRGB !== undefined) {
-											dataArray.push(startValueRGB[i]);
-										}
-
-										fixPropertyValue(propertyName + colorComponents[i], dataArray);
-									}
-									/* If we have replaced a shortcut color value then don't update the standard property name */
-									continue;
-								}
-							}
-							fixPropertyValue(propertyName, valueData);
-						}
-
-						/* Along with its property data, store a reference to the element itself onto tweensContainer. */
-						tweensContainer.element = element;
-					}
-
-					/*****************
-					 Call Push
-					 *****************/
-
-					/* Note: tweensContainer can be empty if all of the properties in this call's property map were skipped due to not
-					 being supported by the browser. The element property is used for checking that the tweensContainer has been appended to. */
-					if (tweensContainer.element) {
-						/* Apply the "velocity-animating" indicator class. */
-						CSS.Values.addClass(element, "velocity-animating");
-
-						/* The call array houses the tweensContainers for each element being animated in the current call. */
-						call.push(tweensContainer);
-
-						data = Data(element);
-
-						if (data) {
-							/* Store the tweensContainer and options if we're working on the default effects queue, so that they can be used by the reverse command. */
-							if (opts.queue === "") {
-
-								data.tweensContainer = tweensContainer;
-								data.opts = opts;
-							}
-
-							/* Switch on the element's animating flag. */
-							data.isAnimating = true;
-						}
-
-						/* Once the final element in this call's element set has been processed, push the call array onto
-						 Velocity.State.calls for the animation tick to immediately begin processing. */
-						if (elementsIndex === elementsLength - 1) {
-							/* Add the current call plus its associated metadata (the element set and the call's options) onto the global call container.
-							 Anything on this call container is subjected to tick() processing. */
-							Velocity.State.calls.push([call, elements, opts, null, promiseData.resolver, null, 0]);
-
-							/* If the animation tick isn't running, start it. (Velocity shuts it off when there are no active calls to process.) */
-							if (Velocity.State.isTicking === false) {
-								Velocity.State.isTicking = true;
-
-								/* Start the tick loop. */
-								tick();
-							}
-						} else {
-							elementsIndex++;
-						}
-					}
-				}
-
-				/* When the queue option is set to false, the call skips the element's queue and fires immediately. */
-				if (opts.queue === false) {
-					/* Since this buildQueue call doesn't respect the element's existing queue (which is where a delay option would have been appended),
-					 we manually inject the delay property here with an explicit setTimeout. */
-					if (opts.delay) {
-
-						/* Temporarily store delayed elements to facilitate access for global pause/resume */
-						var callIndex = Velocity.State.delayedElements.count++;
-						Velocity.State.delayedElements[callIndex] = element;
-
-						var delayComplete = (function(index) {
-							return function() {
-								/* Clear the temporary element */
-								Velocity.State.delayedElements[index] = false;
-
-								/* Finally, issue the call */
-								buildQueue();
-							};
-						})(callIndex);
-
-						Data(element).delayBegin = (new Date()).getTime();
-						Data(element).delay = parseFloat(opts.delay);
-						Data(element).delayTimer = {
-							setTimeout: setTimeout(buildQueue, parseFloat(opts.delay)),
-							next: delayComplete
-						};
-					} else {
-						buildQueue();
-					}
-					/* Otherwise, the call undergoes element queueing as normal. */
-					/* Note: To interoperate with jQuery, Velocity uses jQuery's own $.queue() stack for queuing logic. */
-				} else {
-					$.queue(element, opts.queue, function(next, clearQueue) {
-						/* If the clearQueue flag was passed in by the stop command, resolve this call's promise. (Promises can only be resolved once,
-						 so it's fine if this is repeatedly triggered for each element in the associated call.) */
-						if (clearQueue === true) {
-							if (promiseData.promise) {
-								promiseData.resolver(elements);
-							}
-
-							/* Do not continue with animation queueing. */
-							return true;
-						}
-
-						/* This flag indicates to the upcoming completeCall() function that this queue entry was initiated by Velocity.
-						 See completeCall() for further details. */
-						Velocity.velocityQueueEntryFlag = true;
-
-						buildQueue(next);
-					});
-				}
-
-				/*********************
-				 Auto-Dequeuing
-				 *********************/
-
-				/* As per jQuery's $.queue() behavior, to fire the first non-custom-queue entry on an element, the element
-				 must be dequeued if its queue stack consists *solely* of the current call. (This can be determined by checking
-				 for the "inprogress" item that jQuery prepends to active queue stack arrays.) Regardless, whenever the element's
-				 queue is further appended with additional items -- including $.delay()'s or even $.animate() calls, the queue's
-				 first entry is automatically fired. This behavior contrasts that of custom queues, which never auto-fire. */
-				/* Note: When an element set is being subjected to a non-parallel Velocity call, the animation will not begin until
-				 each one of the elements in the set has reached the end of its individually pre-existing queue chain. */
-				/* Note: Unfortunately, most people don't fully grasp jQuery's powerful, yet quirky, $.queue() function.
-				 Lean more here: http://stackoverflow.com/questions/1058158/can-somebody-explain-jquery-queue-to-me */
-				if ((opts.queue === "" || opts.queue === "fx") && $.queue(element)[0] !== "inprogress") {
-					$.dequeue(element);
-				}
-			}
-
-			/**************************
-			 Element Set Iteration
-			 **************************/
-
-			/* If the "nodeType" property exists on the elements variable, we're animating a single element.
-			 Place it in an array so that $.each() can iterate over it. */
-			$.each(elements, function(i, element) {
-				/* Ensure each element in a set has a nodeType (is a real element) to avoid throwing errors. */
-				if (Type.isNode(element)) {
-					processElement(element, i);
-				}
-			});
-
-			/******************
-			 Option: Loop
-			 ******************/
-
-			/* The loop option accepts an integer indicating how many times the element should loop between the values in the
-			 current call's properties map and the element's property values prior to this call. */
-			/* Note: The loop option's logic is performed here -- after element processing -- because the current call needs
-			 to undergo its queue insertion prior to the loop option generating its series of constituent "reverse" calls,
-			 which chain after the current call. Two reverse calls (two "alternations") constitute one loop. */
-			opts = $.extend({}, Velocity.defaults, options);
-			opts.loop = parseInt(opts.loop, 10);
-			var reverseCallsCount = (opts.loop * 2) - 1;
-
-			if (opts.loop) {
-				/* Double the loop count to convert it into its appropriate number of "reverse" calls.
-				 Subtract 1 from the resulting value since the current call is included in the total alternation count. */
-				for (var x = 0; x < reverseCallsCount; x++) {
-					/* Since the logic for the reverse action occurs inside Queueing and therefore this call's options object
-					 isn't parsed until then as well, the current call's delay option must be explicitly passed into the reverse
-					 call so that the delay logic that occurs inside *Pre-Queueing* can process it. */
-					var reverseOptions = {
-						delay: opts.delay,
-						progress: opts.progress
-					};
-
-					/* If a complete callback was passed into this call, transfer it to the loop redirect's final "reverse" call
-					 so that it's triggered when the entire redirect is complete (and not when the very first animation is complete). */
-					if (x === reverseCallsCount - 1) {
-						reverseOptions.display = opts.display;
-						reverseOptions.visibility = opts.visibility;
-						reverseOptions.complete = opts.complete;
-					}
-
-					animate(elements, "reverse", reverseOptions);
-				}
-			}
-
-			/***************
-			 Chaining
-			 ***************/
-
-			/* Return the elements back to the call chain, with wrapped elements taking precedence in case Velocity was called via the $.fn. extension. */
-			return getChain();
-		};
-
-		/* Turn Velocity into the animation function, extended with the pre-existing Velocity object. */
-		Velocity = $.extend(animate, Velocity);
-		/* For legacy support, also expose the literal animate method. */
-		Velocity.animate = animate;
-
-		/**************
-		 Timing
-		 **************/
-
-		/* Ticker function. */
-		var ticker = window.requestAnimationFrame || rAFShim;
-
-		/* Inactive browser tabs pause rAF, which results in all active animations immediately sprinting to their completion states when the tab refocuses.
-		 To get around this, we dynamically switch rAF to setTimeout (which the browser *doesn't* pause) when the tab loses focus. We skip this for mobile
-		 devices to avoid wasting battery power on inactive tabs. */
-		/* Note: Tab focus detection doesn't work on older versions of IE, but that's okay since they don't support rAF to begin with. */
-		if (!Velocity.State.isMobile && document.hidden !== undefined) {
-			var updateTicker = function() {
-				/* Reassign the rAF function (which the global tick() function uses) based on the tab's focus state. */
-				if (document.hidden) {
-					ticker = function(callback) {
-						/* The tick function needs a truthy first argument in order to pass its internal timestamp check. */
-						return setTimeout(function() {
-							callback(true);
-						}, 16);
-					};
-
-					/* The rAF loop has been paused by the browser, so we manually restart the tick. */
-					tick();
-				} else {
-					ticker = window.requestAnimationFrame || rAFShim;
-				}
-			};
-
-			/* Page could be sitting in the background at this time (i.e. opened as new tab) so making sure we use correct ticker from the start */
-			updateTicker();
-
-			/* And then run check again every time visibility changes */
-			document.addEventListener("visibilitychange", updateTicker);
-		}
-
-		/************
-		 Tick
-		 ************/
-
-		/* Note: All calls to Velocity are pushed to the Velocity.State.calls array, which is fully iterated through upon each tick. */
-		function tick(timestamp) {
-			/* An empty timestamp argument indicates that this is the first tick occurence since ticking was turned on.
-			 We leverage this metadata to fully ignore the first tick pass since RAF's initial pass is fired whenever
-			 the browser's next tick sync time occurs, which results in the first elements subjected to Velocity
-			 calls being animated out of sync with any elements animated immediately thereafter. In short, we ignore
-			 the first RAF tick pass so that elements being immediately consecutively animated -- instead of simultaneously animated
-			 by the same Velocity call -- are properly batched into the same initial RAF tick and consequently remain in sync thereafter. */
-			if (timestamp) {
-				/* We normally use RAF's high resolution timestamp but as it can be significantly offset when the browser is
-				 under high stress we give the option for choppiness over allowing the browser to drop huge chunks of frames.
-				 We use performance.now() and shim it if it doesn't exist for when the tab is hidden. */
-				var timeCurrent = Velocity.timestamp && timestamp !== true ? timestamp : performance.now();
-
-				/********************
-				 Call Iteration
-				 ********************/
-
-				var callsLength = Velocity.State.calls.length;
-
-				/* To speed up iterating over this array, it is compacted (falsey items -- calls that have completed -- are removed)
-				 when its length has ballooned to a point that can impact tick performance. This only becomes necessary when animation
-				 has been continuous with many elements over a long period of time; whenever all active calls are completed, completeCall() clears Velocity.State.calls. */
-				if (callsLength > 10000) {
-					Velocity.State.calls = compactSparseArray(Velocity.State.calls);
-					callsLength = Velocity.State.calls.length;
-				}
-
-				/* Iterate through each active call. */
-				for (var i = 0; i < callsLength; i++) {
-					/* When a Velocity call is completed, its Velocity.State.calls entry is set to false. Continue on to the next call. */
-					if (!Velocity.State.calls[i]) {
-						continue;
-					}
-
-					/************************
-					 Call-Wide Variables
-					 ************************/
-
-					var callContainer = Velocity.State.calls[i],
-							call = callContainer[0],
-							opts = callContainer[2],
-							timeStart = callContainer[3],
-							firstTick = !!timeStart,
-							tweenDummyValue = null,
-							pauseObject = callContainer[5],
-							millisecondsEllapsed = callContainer[6];
-
-
-
-					/* If timeStart is undefined, then this is the first time that this call has been processed by tick().
-					 We assign timeStart now so that its value is as close to the real animation start time as possible.
-					 (Conversely, had timeStart been defined when this call was added to Velocity.State.calls, the delay
-					 between that time and now would cause the first few frames of the tween to be skipped since
-					 percentComplete is calculated relative to timeStart.) */
-					/* Further, subtract 16ms (the approximate resolution of RAF) from the current time value so that the
-					 first tick iteration isn't wasted by animating at 0% tween completion, which would produce the
-					 same style value as the element's current value. */
-					if (!timeStart) {
-						timeStart = Velocity.State.calls[i][3] = timeCurrent - 16;
-					}
-
-					/* If a pause object is present, skip processing unless it has been set to resume */
-					if (pauseObject) {
-						if (pauseObject.resume === true) {
-							/* Update the time start to accomodate the paused completion amount */
-							timeStart = callContainer[3] = Math.round(timeCurrent - millisecondsEllapsed - 16);
-
-							/* Remove pause object after processing */
-							callContainer[5] = null;
-						} else {
-							continue;
-						}
-					}
-
-					millisecondsEllapsed = callContainer[6] = timeCurrent - timeStart;
-
-					/* The tween's completion percentage is relative to the tween's start time, not the tween's start value
-					 (which would result in unpredictable tween durations since JavaScript's timers are not particularly accurate).
-					 Accordingly, we ensure that percentComplete does not exceed 1. */
-					var percentComplete = Math.min((millisecondsEllapsed) / opts.duration, 1);
-
-					/**********************
-					 Element Iteration
-					 **********************/
-
-					/* For every call, iterate through each of the elements in its set. */
-					for (var j = 0, callLength = call.length; j < callLength; j++) {
-						var tweensContainer = call[j],
-								element = tweensContainer.element;
-
-						/* Check to see if this element has been deleted midway through the animation by checking for the
-						 continued existence of its data cache. If it's gone, or the element is currently paused, skip animating this element. */
-						if (!Data(element)) {
-							continue;
-						}
-
-						var transformPropertyExists = false;
-
-						/**********************************
-						 Display & Visibility Toggling
-						 **********************************/
-
-						/* If the display option is set to non-"none", set it upfront so that the element can become visible before tweening begins.
-						 (Otherwise, display's "none" value is set in completeCall() once the animation has completed.) */
-						if (opts.display !== undefined && opts.display !== null && opts.display !== "none") {
-							if (opts.display === "flex") {
-								var flexValues = ["-webkit-box", "-moz-box", "-ms-flexbox", "-webkit-flex"];
-
-								$.each(flexValues, function(i, flexValue) {
-									CSS.setPropertyValue(element, "display", flexValue);
-								});
-							}
-
-							CSS.setPropertyValue(element, "display", opts.display);
-						}
-
-						/* Same goes with the visibility option, but its "none" equivalent is "hidden". */
-						if (opts.visibility !== undefined && opts.visibility !== "hidden") {
-							CSS.setPropertyValue(element, "visibility", opts.visibility);
-						}
-
-						/************************
-						 Property Iteration
-						 ************************/
-
-						/* For every element, iterate through each property. */
-						for (var property in tweensContainer) {
-							/* Note: In addition to property tween data, tweensContainer contains a reference to its associated element. */
-							if (tweensContainer.hasOwnProperty(property) && property !== "element") {
-								var tween = tweensContainer[property],
-										currentValue,
-										/* Easing can either be a pre-genereated function or a string that references a pre-registered easing
-										 on the Velocity.Easings object. In either case, return the appropriate easing *function*. */
-										easing = Type.isString(tween.easing) ? Velocity.Easings[tween.easing] : tween.easing;
-
-								/******************************
-								 Current Value Calculation
-								 ******************************/
-
-								if (Type.isString(tween.pattern)) {
-									var patternReplace = percentComplete === 1 ?
-											function($0, index, round) {
-												var result = tween.endValue[index];
-
-												return round ? Math.round(result) : result;
-											} :
-											function($0, index, round) {
-												var startValue = tween.startValue[index],
-														tweenDelta = tween.endValue[index] - startValue,
-														result = startValue + (tweenDelta * easing(percentComplete, opts, tweenDelta));
-
-												return round ? Math.round(result) : result;
-											};
-
-									currentValue = tween.pattern.replace(/{(\d+)(!)?}/g, patternReplace);
-								} else if (percentComplete === 1) {
-									/* If this is the last tick pass (if we've reached 100% completion for this tween),
-									 ensure that currentValue is explicitly set to its target endValue so that it's not subjected to any rounding. */
-									currentValue = tween.endValue;
-								} else {
-									/* Otherwise, calculate currentValue based on the current delta from startValue. */
-									var tweenDelta = tween.endValue - tween.startValue;
-
-									currentValue = tween.startValue + (tweenDelta * easing(percentComplete, opts, tweenDelta));
-									/* If no value change is occurring, don't proceed with DOM updating. */
-								}
-								if (!firstTick && (currentValue === tween.currentValue)) {
-									continue;
-								}
-
-								tween.currentValue = currentValue;
-
-								/* If we're tweening a fake 'tween' property in order to log transition values, update the one-per-call variable so that
-								 it can be passed into the progress callback. */
-								if (property === "tween") {
-									tweenDummyValue = currentValue;
-								} else {
-									/******************
-									 Hooks: Part I
-									 ******************/
-									var hookRoot;
-
-									/* For hooked properties, the newly-updated rootPropertyValueCache is cached onto the element so that it can be used
-									 for subsequent hooks in this call that are associated with the same root property. If we didn't cache the updated
-									 rootPropertyValue, each subsequent update to the root property in this tick pass would reset the previous hook's
-									 updates to rootPropertyValue prior to injection. A nice performance byproduct of rootPropertyValue caching is that
-									 subsequently chained animations using the same hookRoot but a different hook can use this cached rootPropertyValue. */
-									if (CSS.Hooks.registered[property]) {
-										hookRoot = CSS.Hooks.getRoot(property);
-
-										var rootPropertyValueCache = Data(element).rootPropertyValueCache[hookRoot];
-
-										if (rootPropertyValueCache) {
-											tween.rootPropertyValue = rootPropertyValueCache;
-										}
-									}
-
-									/*****************
-									 DOM Update
-									 *****************/
-
-									/* setPropertyValue() returns an array of the property name and property value post any normalization that may have been performed. */
-									/* Note: To solve an IE<=8 positioning bug, the unit type is dropped when setting a property value of 0. */
-									var adjustedSetData = CSS.setPropertyValue(element, /* SET */
-											property,
-											tween.currentValue + (IE < 9 && parseFloat(currentValue) === 0 ? "" : tween.unitType),
-											tween.rootPropertyValue,
-											tween.scrollData);
-
-									/*******************
-									 Hooks: Part II
-									 *******************/
-
-									/* Now that we have the hook's updated rootPropertyValue (the post-processed value provided by adjustedSetData), cache it onto the element. */
-									if (CSS.Hooks.registered[property]) {
-										/* Since adjustedSetData contains normalized data ready for DOM updating, the rootPropertyValue needs to be re-extracted from its normalized form. ?? */
-										if (CSS.Normalizations.registered[hookRoot]) {
-											Data(element).rootPropertyValueCache[hookRoot] = CSS.Normalizations.registered[hookRoot]("extract", null, adjustedSetData[1]);
-										} else {
-											Data(element).rootPropertyValueCache[hookRoot] = adjustedSetData[1];
-										}
-									}
-
-									/***************
-									 Transforms
-									 ***************/
-
-									/* Flag whether a transform property is being animated so that flushTransformCache() can be triggered once this tick pass is complete. */
-									if (adjustedSetData[0] === "transform") {
-										transformPropertyExists = true;
-									}
-
-								}
-							}
-						}
-
-						/****************
-						 mobileHA
-						 ****************/
-
-						/* If mobileHA is enabled, set the translate3d transform to null to force hardware acceleration.
-						 It's safe to override this property since Velocity doesn't actually support its animation (hooks are used in its place). */
-						if (opts.mobileHA) {
-							/* Don't set the null transform hack if we've already done so. */
-							if (Data(element).transformCache.translate3d === undefined) {
-								/* All entries on the transformCache object are later concatenated into a single transform string via flushTransformCache(). */
-								Data(element).transformCache.translate3d = "(0px, 0px, 0px)";
-
-								transformPropertyExists = true;
-							}
-						}
-
-						if (transformPropertyExists) {
-							CSS.flushTransformCache(element);
-						}
-					}
-
-					/* The non-"none" display value is only applied to an element once -- when its associated call is first ticked through.
-					 Accordingly, it's set to false so that it isn't re-processed by this call in the next tick. */
-					if (opts.display !== undefined && opts.display !== "none") {
-						Velocity.State.calls[i][2].display = false;
-					}
-					if (opts.visibility !== undefined && opts.visibility !== "hidden") {
-						Velocity.State.calls[i][2].visibility = false;
-					}
-
-					/* Pass the elements and the timing data (percentComplete, msRemaining, timeStart, tweenDummyValue) into the progress callback. */
-					if (opts.progress) {
-						opts.progress.call(callContainer[1],
-								callContainer[1],
-								percentComplete,
-								Math.max(0, (timeStart + opts.duration) - timeCurrent),
-								timeStart,
-								tweenDummyValue);
-					}
-
-					/* If this call has finished tweening, pass its index to completeCall() to handle call cleanup. */
-					if (percentComplete === 1) {
-						completeCall(i);
-					}
-				}
-			}
-
-			/* Note: completeCall() sets the isTicking flag to false when the last call on Velocity.State.calls has completed. */
-			if (Velocity.State.isTicking) {
-				ticker(tick);
-			}
-		}
-
-		/**********************
-		 Call Completion
-		 **********************/
-
-		/* Note: Unlike tick(), which processes all active calls at once, call completion is handled on a per-call basis. */
-		function completeCall(callIndex, isStopped) {
-			/* Ensure the call exists. */
-			if (!Velocity.State.calls[callIndex]) {
-				return false;
-			}
-
-			/* Pull the metadata from the call. */
-			var call = Velocity.State.calls[callIndex][0],
-					elements = Velocity.State.calls[callIndex][1],
-					opts = Velocity.State.calls[callIndex][2],
-					resolver = Velocity.State.calls[callIndex][4];
-
-			var remainingCallsExist = false;
-
-			/*************************
-			 Element Finalization
-			 *************************/
-
-			for (var i = 0, callLength = call.length; i < callLength; i++) {
-				var element = call[i].element;
-
-				/* If the user set display to "none" (intending to hide the element), set it now that the animation has completed. */
-				/* Note: display:none isn't set when calls are manually stopped (via Velocity("stop"). */
-				/* Note: Display gets ignored with "reverse" calls and infinite loops, since this behavior would be undesirable. */
-				if (!isStopped && !opts.loop) {
-					if (opts.display === "none") {
-						CSS.setPropertyValue(element, "display", opts.display);
-					}
-
-					if (opts.visibility === "hidden") {
-						CSS.setPropertyValue(element, "visibility", opts.visibility);
-					}
-				}
-
-				/* If the element's queue is empty (if only the "inprogress" item is left at position 0) or if its queue is about to run
-				 a non-Velocity-initiated entry, turn off the isAnimating flag. A non-Velocity-initiatied queue entry's logic might alter
-				 an element's CSS values and thereby cause Velocity's cached value data to go stale. To detect if a queue entry was initiated by Velocity,
-				 we check for the existence of our special Velocity.queueEntryFlag declaration, which minifiers won't rename since the flag
-				 is assigned to jQuery's global $ object and thus exists out of Velocity's own scope. */
-				var data = Data(element);
-
-				if (opts.loop !== true && ($.queue(element)[1] === undefined || !/\.velocityQueueEntryFlag/i.test($.queue(element)[1]))) {
-					/* The element may have been deleted. Ensure that its data cache still exists before acting on it. */
-					if (data) {
-						data.isAnimating = false;
-						/* Clear the element's rootPropertyValueCache, which will become stale. */
-						data.rootPropertyValueCache = {};
-
-						var transformHAPropertyExists = false;
-						/* If any 3D transform subproperty is at its default value (regardless of unit type), remove it. */
-						$.each(CSS.Lists.transforms3D, function(i, transformName) {
-							var defaultValue = /^scale/.test(transformName) ? 1 : 0,
-									currentValue = data.transformCache[transformName];
-
-							if (data.transformCache[transformName] !== undefined && new RegExp("^\\(" + defaultValue + "[^.]").test(currentValue)) {
-								transformHAPropertyExists = true;
-
-								delete data.transformCache[transformName];
-							}
-						});
-
-						/* Mobile devices have hardware acceleration removed at the end of the animation in order to avoid hogging the GPU's memory. */
-						if (opts.mobileHA) {
-							transformHAPropertyExists = true;
-							delete data.transformCache.translate3d;
-						}
-
-						/* Flush the subproperty removals to the DOM. */
-						if (transformHAPropertyExists) {
-							CSS.flushTransformCache(element);
-						}
-
-						/* Remove the "velocity-animating" indicator class. */
-						CSS.Values.removeClass(element, "velocity-animating");
-					}
-				}
-
-				/*********************
-				 Option: Complete
-				 *********************/
-
-				/* Complete is fired once per call (not once per element) and is passed the full raw DOM element set as both its context and its first argument. */
-				/* Note: Callbacks aren't fired when calls are manually stopped (via Velocity("stop"). */
-				if (!isStopped && opts.complete && !opts.loop && (i === callLength - 1)) {
-					/* We throw callbacks in a setTimeout so that thrown errors don't halt the execution of Velocity itself. */
-					try {
-						opts.complete.call(elements, elements);
-					} catch (error) {
-						setTimeout(function() {
-							throw error;
-						}, 1);
-					}
-				}
-
-				/**********************
-				 Promise Resolving
-				 **********************/
-
-				/* Note: Infinite loops don't return promises. */
-				if (resolver && opts.loop !== true) {
-					resolver(elements);
-				}
-
-				/****************************
-				 Option: Loop (Infinite)
-				 ****************************/
-
-				if (data && opts.loop === true && !isStopped) {
-					/* If a rotateX/Y/Z property is being animated by 360 deg with loop:true, swap tween start/end values to enable
-					 continuous iterative rotation looping. (Otherise, the element would just rotate back and forth.) */
-					$.each(data.tweensContainer, function(propertyName, tweenContainer) {
-						if (/^rotate/.test(propertyName) && ((parseFloat(tweenContainer.startValue) - parseFloat(tweenContainer.endValue)) % 360 === 0)) {
-							var oldStartValue = tweenContainer.startValue;
-
-							tweenContainer.startValue = tweenContainer.endValue;
-							tweenContainer.endValue = oldStartValue;
-						}
-
-						if (/^backgroundPosition/.test(propertyName) && parseFloat(tweenContainer.endValue) === 100 && tweenContainer.unitType === "%") {
-							tweenContainer.endValue = 0;
-							tweenContainer.startValue = 100;
-						}
-					});
-
-					Velocity(element, "reverse", {loop: true, delay: opts.delay});
-				}
-
-				/***************
-				 Dequeueing
-				 ***************/
-
-				/* Fire the next call in the queue so long as this call's queue wasn't set to false (to trigger a parallel animation),
-				 which would have already caused the next call to fire. Note: Even if the end of the animation queue has been reached,
-				 $.dequeue() must still be called in order to completely clear jQuery's animation queue. */
-				if (opts.queue !== false) {
-					$.dequeue(element, opts.queue);
-				}
-			}
-
-			/************************
-			 Calls Array Cleanup
-			 ************************/
-
-			/* Since this call is complete, set it to false so that the rAF tick skips it. This array is later compacted via compactSparseArray().
-			 (For performance reasons, the call is set to false instead of being deleted from the array: http://www.html5rocks.com/en/tutorials/speed/v8/) */
-			Velocity.State.calls[callIndex] = false;
-
-			/* Iterate through the calls array to determine if this was the final in-progress animation.
-			 If so, set a flag to end ticking and clear the calls array. */
-			for (var j = 0, callsLength = Velocity.State.calls.length; j < callsLength; j++) {
-				if (Velocity.State.calls[j] !== false) {
-					remainingCallsExist = true;
-
-					break;
-				}
-			}
-
-			if (remainingCallsExist === false) {
-				/* tick() will detect this flag upon its next iteration and subsequently turn itself off. */
-				Velocity.State.isTicking = false;
-
-				/* Clear the calls array so that its length is reset. */
-				delete Velocity.State.calls;
-				Velocity.State.calls = [];
-			}
-		}
-
-		/******************
-		 Frameworks
-		 ******************/
-
-		/* Both jQuery and Zepto allow their $.fn object to be extended to allow wrapped elements to be subjected to plugin calls.
-		 If either framework is loaded, register a "velocity" extension pointing to Velocity's core animate() method.  Velocity
-		 also registers itself onto a global container (window.jQuery || window.Zepto || window) so that certain features are
-		 accessible beyond just a per-element scope. This master object contains an .animate() method, which is later assigned to $.fn
-		 (if jQuery or Zepto are present). Accordingly, Velocity can both act on wrapped DOM elements and stand alone for targeting raw DOM elements. */
-		global.Velocity = Velocity;
-
-		if (global !== window) {
-			/* Assign the element function to Velocity's core animate() method. */
-			global.fn.velocity = animate;
-			/* Assign the object function's defaults to Velocity's global defaults object. */
-			global.fn.velocity.defaults = Velocity.defaults;
-		}
-
-		/***********************
-		 Packaged Redirects
-		 ***********************/
-
-		/* slideUp, slideDown */
-		$.each(["Down", "Up"], function(i, direction) {
-			Velocity.Redirects["slide" + direction] = function(element, options, elementsIndex, elementsSize, elements, promiseData) {
-				var opts = $.extend({}, options),
-						begin = opts.begin,
-						complete = opts.complete,
-						inlineValues = {},
-						computedValues = {height: "", marginTop: "", marginBottom: "", paddingTop: "", paddingBottom: ""};
-
-				if (opts.display === undefined) {
-					/* Show the element before slideDown begins and hide the element after slideUp completes. */
-					/* Note: Inline elements cannot have dimensions animated, so they're reverted to inline-block. */
-					opts.display = (direction === "Down" ? (Velocity.CSS.Values.getDisplayType(element) === "inline" ? "inline-block" : "block") : "none");
-				}
-
-				opts.begin = function() {
-					/* If the user passed in a begin callback, fire it now. */
-					if (elementsIndex === 0 && begin) {
-						begin.call(elements, elements);
-					}
-
-					/* Cache the elements' original vertical dimensional property values so that we can animate back to them. */
-					for (var property in computedValues) {
-						if (!computedValues.hasOwnProperty(property)) {
-							continue;
-						}
-						inlineValues[property] = element.style[property];
-
-						/* For slideDown, use forcefeeding to animate all vertical properties from 0. For slideUp,
-						 use forcefeeding to start from computed values and animate down to 0. */
-						var propertyValue = CSS.getPropertyValue(element, property);
-						computedValues[property] = (direction === "Down") ? [propertyValue, 0] : [0, propertyValue];
-					}
-
-					/* Force vertical overflow content to clip so that sliding works as expected. */
-					inlineValues.overflow = element.style.overflow;
-					element.style.overflow = "hidden";
-				};
-
-				opts.complete = function() {
-					/* Reset element to its pre-slide inline values once its slide animation is complete. */
-					for (var property in inlineValues) {
-						if (inlineValues.hasOwnProperty(property)) {
-							element.style[property] = inlineValues[property];
-						}
-					}
-
-					/* If the user passed in a complete callback, fire it now. */
-					if (elementsIndex === elementsSize - 1) {
-						if (complete) {
-							complete.call(elements, elements);
-						}
-						if (promiseData) {
-							promiseData.resolver(elements);
-						}
-					}
-				};
-
-				Velocity(element, computedValues, opts);
-			};
-		});
-
-		/* fadeIn, fadeOut */
-		$.each(["In", "Out"], function(i, direction) {
-			Velocity.Redirects["fade" + direction] = function(element, options, elementsIndex, elementsSize, elements, promiseData) {
-				var opts = $.extend({}, options),
-						complete = opts.complete,
-						propertiesMap = {opacity: (direction === "In") ? 1 : 0};
-
-				/* Since redirects are triggered individually for each element in the animated set, avoid repeatedly triggering
-				 callbacks by firing them only when the final element has been reached. */
-				if (elementsIndex !== 0) {
-					opts.begin = null;
-				}
-				if (elementsIndex !== elementsSize - 1) {
-					opts.complete = null;
-				} else {
-					opts.complete = function() {
-						if (complete) {
-							complete.call(elements, elements);
-						}
-						if (promiseData) {
-							promiseData.resolver(elements);
-						}
-					};
-				}
-
-				/* If a display was passed in, use it. Otherwise, default to "none" for fadeOut or the element-specific default for fadeIn. */
-				/* Note: We allow users to pass in "null" to skip display setting altogether. */
-				if (opts.display === undefined) {
-					opts.display = (direction === "In" ? "auto" : "none");
-				}
-
-				Velocity(this, propertiesMap, opts);
-			};
-		});
-
-		return Velocity;
-	}((window.jQuery || window.Zepto || window), window, (window ? window.document : undefined));
-}));
-
-/******************
- Known Issues
- ******************/
-
-/* The CSS spec mandates that the translateX/Y/Z transforms are %-relative to the element itself -- not its parent.
- Velocity, however, doesn't make this distinction. Thus, converting to or from the % unit with these subproperties
- will produce an inaccurate conversion value. The same issue exists with the cx/cy attributes of SVG circles and ellipses. */
diff --git a/gui/vendor/velocity.ui.js b/gui/vendor/velocity.ui.js
deleted file mode 100755
index 349dbea7..00000000
--- a/gui/vendor/velocity.ui.js
+++ /dev/null
@@ -1,804 +0,0 @@
-/**********************
- Velocity UI Pack
- **********************/
-
-/* VelocityJS.org UI Pack (5.2.0). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License. Portions copyright Daniel Eden, Christian Pucci. */
-
-(function(factory) {
-	"use strict";
-	/* CommonJS module. */
-	if (typeof require === "function" && typeof exports === "object") {
-		module.exports = factory();
-		/* AMD module. */
-	} else if (typeof define === "function" && define.amd) {
-		define(["velocity"], factory);
-		/* Browser globals. */
-	} else {
-		factory();
-	}
-}(function() {
-	"use strict";
-	return function(global, window, document, undefined) {
-
-		/*************
-		 Checks
-		 *************/
-		var Velocity = global.Velocity;
-
-		if (!Velocity || !Velocity.Utilities) {
-			if (window.console) {
-				console.log("Velocity UI Pack: Velocity must be loaded first. Aborting.");
-			}
-			return;
-		}
-		var $ = Velocity.Utilities;
-
-		var velocityVersion = Velocity.version,
-				requiredVersion = {major: 1, minor: 1, patch: 0};
-
-		function greaterSemver(primary, secondary) {
-			var versionInts = [];
-
-			if (!primary || !secondary) {
-				return false;
-			}
-
-			$.each([primary, secondary], function(i, versionObject) {
-				var versionIntsComponents = [];
-
-				$.each(versionObject, function(component, value) {
-					while (value.toString().length < 5) {
-						value = "0" + value;
-					}
-					versionIntsComponents.push(value);
-				});
-
-				versionInts.push(versionIntsComponents.join(""));
-			});
-
-			return (parseFloat(versionInts[0]) > parseFloat(versionInts[1]));
-		}
-
-		if (greaterSemver(requiredVersion, velocityVersion)) {
-			var abortError = "Velocity UI Pack: You need to update Velocity (velocity.js) to a newer version. Visit http://github.com/julianshapiro/velocity.";
-			alert(abortError);
-			throw new Error(abortError);
-		}
-
-		/************************
-		 Effect Registration
-		 ************************/
-
-		/* Note: RegisterUI is a legacy name. */
-		Velocity.RegisterEffect = Velocity.RegisterUI = function(effectName, properties) {
-			/* Animate the expansion/contraction of the elements' parent's height for In/Out effects. */
-			function animateParentHeight(elements, direction, totalDuration, stagger) {
-				var totalHeightDelta = 0,
-						parentNode;
-
-				/* Sum the total height (including padding and margin) of all targeted elements. */
-				$.each(elements.nodeType ? [elements] : elements, function(i, element) {
-					if (stagger) {
-						/* Increase the totalDuration by the successive delay amounts produced by the stagger option. */
-						totalDuration += i * stagger;
-					}
-
-					parentNode = element.parentNode;
-
-					var propertiesToSum = ["height", "paddingTop", "paddingBottom", "marginTop", "marginBottom"];
-
-					/* If box-sizing is border-box, the height already includes padding and margin */
-					if (Velocity.CSS.getPropertyValue(element, "boxSizing").toString().toLowerCase() === "border-box") {
-						propertiesToSum = ["height"];
-					}
-
-					$.each(propertiesToSum, function(i, property) {
-						totalHeightDelta += parseFloat(Velocity.CSS.getPropertyValue(element, property));
-					});
-				});
-
-				/* Animate the parent element's height adjustment (with a varying duration multiplier for aesthetic benefits). */
-				Velocity.animate(
-						parentNode,
-						{height: (direction === "In" ? "+" : "-") + "=" + totalHeightDelta},
-						{queue: false, easing: "ease-in-out", duration: totalDuration * (direction === "In" ? 0.6 : 1)}
-				);
-			}
-
-			/* Register a custom redirect for each effect. */
-			Velocity.Redirects[effectName] = function(element, redirectOptions, elementsIndex, elementsSize, elements, promiseData, loop) {
-				var finalElement = (elementsIndex === elementsSize - 1),
-						totalDuration = 0;
-
-				loop = loop || properties.loop;
-				if (typeof properties.defaultDuration === "function") {
-					properties.defaultDuration = properties.defaultDuration.call(elements, elements);
-				} else {
-					properties.defaultDuration = parseFloat(properties.defaultDuration);
-				}
-
-				/* Get the total duration used, so we can share it out with everything that doesn't have a duration */
-				for (var callIndex = 0; callIndex < properties.calls.length; callIndex++) {
-					durationPercentage = properties.calls[callIndex][1];
-					if (typeof durationPercentage === "number") {
-						totalDuration += durationPercentage;
-					}
-				}
-				var shareDuration = totalDuration >= 1 ? 0 : properties.calls.length ? (1 - totalDuration) / properties.calls.length : 1;
-
-				/* Iterate through each effect's call array. */
-				for (callIndex = 0; callIndex < properties.calls.length; callIndex++) {
-					var call = properties.calls[callIndex],
-							propertyMap = call[0],
-							redirectDuration = 1000,
-							durationPercentage = call[1],
-							callOptions = call[2] || {},
-							opts = {};
-
-					if (redirectOptions.duration !== undefined) {
-						redirectDuration = redirectOptions.duration;
-					} else if (properties.defaultDuration !== undefined) {
-						redirectDuration = properties.defaultDuration;
-					}
-
-					/* Assign the whitelisted per-call options. */
-					opts.duration = redirectDuration * (typeof durationPercentage === "number" ? durationPercentage : shareDuration);
-					opts.queue = redirectOptions.queue || "";
-					opts.easing = callOptions.easing || "ease";
-					opts.delay = parseFloat(callOptions.delay) || 0;
-					opts.loop = !properties.loop && callOptions.loop;
-					opts._cacheValues = callOptions._cacheValues || true;
-
-					/* Special processing for the first effect call. */
-					if (callIndex === 0) {
-						/* If a delay was passed into the redirect, combine it with the first call's delay. */
-						opts.delay += (parseFloat(redirectOptions.delay) || 0);
-
-						if (elementsIndex === 0) {
-							opts.begin = function() {
-								/* Only trigger a begin callback on the first effect call with the first element in the set. */
-								if (redirectOptions.begin) {
-									redirectOptions.begin.call(elements, elements);
-								}
-
-								var direction = effectName.match(/(In|Out)$/);
-
-								/* Make "in" transitioning elements invisible immediately so that there's no FOUC between now
-								 and the first RAF tick. */
-								if ((direction && direction[0] === "In") && propertyMap.opacity !== undefined) {
-									$.each(elements.nodeType ? [elements] : elements, function(i, element) {
-										Velocity.CSS.setPropertyValue(element, "opacity", 0);
-									});
-								}
-
-								/* Only trigger animateParentHeight() if we're using an In/Out transition. */
-								if (redirectOptions.animateParentHeight && direction) {
-									animateParentHeight(elements, direction[0], redirectDuration + opts.delay, redirectOptions.stagger);
-								}
-							};
-						}
-
-						/* If the user isn't overriding the display option, default to "auto" for "In"-suffixed transitions. */
-						if (redirectOptions.display !== null) {
-							if (redirectOptions.display !== undefined && redirectOptions.display !== "none") {
-								opts.display = redirectOptions.display;
-							} else if (/In$/.test(effectName)) {
-								/* Inline elements cannot be subjected to transforms, so we switch them to inline-block. */
-								var defaultDisplay = Velocity.CSS.Values.getDisplayType(element);
-								opts.display = (defaultDisplay === "inline") ? "inline-block" : defaultDisplay;
-							}
-						}
-
-						if (redirectOptions.visibility && redirectOptions.visibility !== "hidden") {
-							opts.visibility = redirectOptions.visibility;
-						}
-					}
-
-					/* Special processing for the last effect call. */
-					if (callIndex === properties.calls.length - 1) {
-						/* Append promise resolving onto the user's redirect callback. */
-						var injectFinalCallbacks = function() {
-							if ((redirectOptions.display === undefined || redirectOptions.display === "none") && /Out$/.test(effectName)) {
-								$.each(elements.nodeType ? [elements] : elements, function(i, element) {
-									Velocity.CSS.setPropertyValue(element, "display", "none");
-								});
-							}
-							if (redirectOptions.complete) {
-								redirectOptions.complete.call(elements, elements);
-							}
-							if (promiseData) {
-								promiseData.resolver(elements || element);
-							}
-						};
-
-						opts.complete = function() {
-							if (loop) {
-								Velocity.Redirects[effectName](element, redirectOptions, elementsIndex, elementsSize, elements, promiseData, loop === true ? true : Math.max(0, loop - 1));
-							}
-							if (properties.reset) {
-								for (var resetProperty in properties.reset) {
-									if (!properties.reset.hasOwnProperty(resetProperty)) {
-										continue;
-									}
-									var resetValue = properties.reset[resetProperty];
-
-									/* Format each non-array value in the reset property map to [ value, value ] so that changes apply
-									 immediately and DOM querying is avoided (via forcefeeding). */
-									/* Note: Don't forcefeed hooks, otherwise their hook roots will be defaulted to their null values. */
-									if (Velocity.CSS.Hooks.registered[resetProperty] === undefined && (typeof resetValue === "string" || typeof resetValue === "number")) {
-										properties.reset[resetProperty] = [properties.reset[resetProperty], properties.reset[resetProperty]];
-									}
-								}
-
-								/* So that the reset values are applied instantly upon the next rAF tick, use a zero duration and parallel queueing. */
-								var resetOptions = {duration: 0, queue: false};
-
-								/* Since the reset option uses up the complete callback, we trigger the user's complete callback at the end of ours. */
-								if (finalElement) {
-									resetOptions.complete = injectFinalCallbacks;
-								}
-
-								Velocity.animate(element, properties.reset, resetOptions);
-								/* Only trigger the user's complete callback on the last effect call with the last element in the set. */
-							} else if (finalElement) {
-								injectFinalCallbacks();
-							}
-						};
-
-						if (redirectOptions.visibility === "hidden") {
-							opts.visibility = redirectOptions.visibility;
-						}
-					}
-
-					Velocity.animate(element, propertyMap, opts);
-				}
-			};
-
-			/* Return the Velocity object so that RegisterUI calls can be chained. */
-			return Velocity;
-		};
-
-		/*********************
-		 Packaged Effects
-		 *********************/
-
-		/* Externalize the packagedEffects data so that they can optionally be modified and re-registered. */
-		/* Support: <=IE8: Callouts will have no effect, and transitions will simply fade in/out. IE9/Android 2.3: Most effects are fully supported, the rest fade in/out. All other browsers: full support. */
-		Velocity.RegisterEffect.packagedEffects =
-				{
-					/* Animate.css */
-					"callout.bounce": {
-						defaultDuration: 550,
-						calls: [
-							[{translateY: -30}, 0.25],
-							[{translateY: 0}, 0.125],
-							[{translateY: -15}, 0.125],
-							[{translateY: 0}, 0.25]
-						]
-					},
-					/* Animate.css */
-					"callout.shake": {
-						defaultDuration: 800,
-						calls: [
-							[{translateX: -11}],
-							[{translateX: 11}],
-							[{translateX: -11}],
-							[{translateX: 11}],
-							[{translateX: -11}],
-							[{translateX: 11}],
-							[{translateX: -11}],
-							[{translateX: 0}]
-						]
-					},
-					/* Animate.css */
-					"callout.flash": {
-						defaultDuration: 1100,
-						calls: [
-							[{opacity: [0, "easeInOutQuad", 1]}],
-							[{opacity: [1, "easeInOutQuad"]}],
-							[{opacity: [0, "easeInOutQuad"]}],
-							[{opacity: [1, "easeInOutQuad"]}]
-						]
-					},
-					/* Animate.css */
-					"callout.pulse": {
-						defaultDuration: 825,
-						calls: [
-							[{scaleX: 1.1, scaleY: 1.1}, 0.50, {easing: "easeInExpo"}],
-							[{scaleX: 1, scaleY: 1}, 0.50]
-						]
-					},
-					/* Animate.css */
-					"callout.swing": {
-						defaultDuration: 950,
-						calls: [
-							[{rotateZ: 15}],
-							[{rotateZ: -10}],
-							[{rotateZ: 5}],
-							[{rotateZ: -5}],
-							[{rotateZ: 0}]
-						]
-					},
-					/* Animate.css */
-					"callout.tada": {
-						defaultDuration: 1000,
-						calls: [
-							[{scaleX: 0.9, scaleY: 0.9, rotateZ: -3}, 0.10],
-							[{scaleX: 1.1, scaleY: 1.1, rotateZ: 3}, 0.10],
-							[{scaleX: 1.1, scaleY: 1.1, rotateZ: -3}, 0.10],
-							["reverse", 0.125],
-							["reverse", 0.125],
-							["reverse", 0.125],
-							["reverse", 0.125],
-							["reverse", 0.125],
-							[{scaleX: 1, scaleY: 1, rotateZ: 0}, 0.20]
-						]
-					},
-					"transition.fadeIn": {
-						defaultDuration: 500,
-						calls: [
-							[{opacity: [1, 0]}]
-						]
-					},
-					"transition.fadeOut": {
-						defaultDuration: 500,
-						calls: [
-							[{opacity: [0, 1]}]
-						]
-					},
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.flipXIn": {
-						defaultDuration: 700,
-						calls: [
-							[{opacity: [1, 0], transformPerspective: [800, 800], rotateY: [0, -55]}]
-						],
-						reset: {transformPerspective: 0}
-					},
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.flipXOut": {
-						defaultDuration: 700,
-						calls: [
-							[{opacity: [0, 1], transformPerspective: [800, 800], rotateY: 55}]
-						],
-						reset: {transformPerspective: 0, rotateY: 0}
-					},
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.flipYIn": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [1, 0], transformPerspective: [800, 800], rotateX: [0, -45]}]
-						],
-						reset: {transformPerspective: 0}
-					},
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.flipYOut": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [0, 1], transformPerspective: [800, 800], rotateX: 25}]
-						],
-						reset: {transformPerspective: 0, rotateX: 0}
-					},
-					/* Animate.css */
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.flipBounceXIn": {
-						defaultDuration: 900,
-						calls: [
-							[{opacity: [0.725, 0], transformPerspective: [400, 400], rotateY: [-10, 90]}, 0.50],
-							[{opacity: 0.80, rotateY: 10}, 0.25],
-							[{opacity: 1, rotateY: 0}, 0.25]
-						],
-						reset: {transformPerspective: 0}
-					},
-					/* Animate.css */
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.flipBounceXOut": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [0.9, 1], transformPerspective: [400, 400], rotateY: -10}],
-							[{opacity: 0, rotateY: 90}]
-						],
-						reset: {transformPerspective: 0, rotateY: 0}
-					},
-					/* Animate.css */
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.flipBounceYIn": {
-						defaultDuration: 850,
-						calls: [
-							[{opacity: [0.725, 0], transformPerspective: [400, 400], rotateX: [-10, 90]}, 0.50],
-							[{opacity: 0.80, rotateX: 10}, 0.25],
-							[{opacity: 1, rotateX: 0}, 0.25]
-						],
-						reset: {transformPerspective: 0}
-					},
-					/* Animate.css */
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.flipBounceYOut": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [0.9, 1], transformPerspective: [400, 400], rotateX: -15}],
-							[{opacity: 0, rotateX: 90}]
-						],
-						reset: {transformPerspective: 0, rotateX: 0}
-					},
-					/* Magic.css */
-					"transition.swoopIn": {
-						defaultDuration: 850,
-						calls: [
-							[{opacity: [1, 0], transformOriginX: ["100%", "50%"], transformOriginY: ["100%", "100%"], scaleX: [1, 0], scaleY: [1, 0], translateX: [0, -700], translateZ: 0}]
-						],
-						reset: {transformOriginX: "50%", transformOriginY: "50%"}
-					},
-					/* Magic.css */
-					"transition.swoopOut": {
-						defaultDuration: 850,
-						calls: [
-							[{opacity: [0, 1], transformOriginX: ["50%", "100%"], transformOriginY: ["100%", "100%"], scaleX: 0, scaleY: 0, translateX: -700, translateZ: 0}]
-						],
-						reset: {transformOriginX: "50%", transformOriginY: "50%", scaleX: 1, scaleY: 1, translateX: 0}
-					},
-					/* Magic.css */
-					/* Support: Loses rotation in IE9/Android 2.3. (Fades and scales only.) */
-					"transition.whirlIn": {
-						defaultDuration: 850,
-						calls: [
-							[{opacity: [1, 0], transformOriginX: ["50%", "50%"], transformOriginY: ["50%", "50%"], scaleX: [1, 0], scaleY: [1, 0], rotateY: [0, 160]}, 1, {easing: "easeInOutSine"}]
-						]
-					},
-					/* Magic.css */
-					/* Support: Loses rotation in IE9/Android 2.3. (Fades and scales only.) */
-					"transition.whirlOut": {
-						defaultDuration: 750,
-						calls: [
-							[{opacity: [0, "easeInOutQuint", 1], transformOriginX: ["50%", "50%"], transformOriginY: ["50%", "50%"], scaleX: 0, scaleY: 0, rotateY: 160}, 1, {easing: "swing"}]
-						],
-						reset: {scaleX: 1, scaleY: 1, rotateY: 0}
-					},
-					"transition.shrinkIn": {
-						defaultDuration: 750,
-						calls: [
-							[{opacity: [1, 0], transformOriginX: ["50%", "50%"], transformOriginY: ["50%", "50%"], scaleX: [1, 1.5], scaleY: [1, 1.5], translateZ: 0}]
-						]
-					},
-					"transition.shrinkOut": {
-						defaultDuration: 600,
-						calls: [
-							[{opacity: [0, 1], transformOriginX: ["50%", "50%"], transformOriginY: ["50%", "50%"], scaleX: 1.3, scaleY: 1.3, translateZ: 0}]
-						],
-						reset: {scaleX: 1, scaleY: 1}
-					},
-					"transition.expandIn": {
-						defaultDuration: 700,
-						calls: [
-							[{opacity: [1, 0], transformOriginX: ["50%", "50%"], transformOriginY: ["50%", "50%"], scaleX: [1, 0.625], scaleY: [1, 0.625], translateZ: 0}]
-						]
-					},
-					"transition.expandOut": {
-						defaultDuration: 700,
-						calls: [
-							[{opacity: [0, 1], transformOriginX: ["50%", "50%"], transformOriginY: ["50%", "50%"], scaleX: 0.5, scaleY: 0.5, translateZ: 0}]
-						],
-						reset: {scaleX: 1, scaleY: 1}
-					},
-					/* Animate.css */
-					"transition.bounceIn": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [1, 0], scaleX: [1.05, 0.3], scaleY: [1.05, 0.3]}, 0.35],
-							[{scaleX: 0.9, scaleY: 0.9, translateZ: 0}, 0.20],
-							[{scaleX: 1, scaleY: 1}, 0.45]
-						]
-					},
-					/* Animate.css */
-					"transition.bounceOut": {
-						defaultDuration: 800,
-						calls: [
-							[{scaleX: 0.95, scaleY: 0.95}, 0.35],
-							[{scaleX: 1.1, scaleY: 1.1, translateZ: 0}, 0.35],
-							[{opacity: [0, 1], scaleX: 0.3, scaleY: 0.3}, 0.30]
-						],
-						reset: {scaleX: 1, scaleY: 1}
-					},
-					/* Animate.css */
-					"transition.bounceUpIn": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [1, 0], translateY: [-30, 1000]}, 0.60, {easing: "easeOutCirc"}],
-							[{translateY: 10}, 0.20],
-							[{translateY: 0}, 0.20]
-						]
-					},
-					/* Animate.css */
-					"transition.bounceUpOut": {
-						defaultDuration: 1000,
-						calls: [
-							[{translateY: 20}, 0.20],
-							[{opacity: [0, "easeInCirc", 1], translateY: -1000}, 0.80]
-						],
-						reset: {translateY: 0}
-					},
-					/* Animate.css */
-					"transition.bounceDownIn": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [1, 0], translateY: [30, -1000]}, 0.60, {easing: "easeOutCirc"}],
-							[{translateY: -10}, 0.20],
-							[{translateY: 0}, 0.20]
-						]
-					},
-					/* Animate.css */
-					"transition.bounceDownOut": {
-						defaultDuration: 1000,
-						calls: [
-							[{translateY: -20}, 0.20],
-							[{opacity: [0, "easeInCirc", 1], translateY: 1000}, 0.80]
-						],
-						reset: {translateY: 0}
-					},
-					/* Animate.css */
-					"transition.bounceLeftIn": {
-						defaultDuration: 750,
-						calls: [
-							[{opacity: [1, 0], translateX: [30, -1250]}, 0.60, {easing: "easeOutCirc"}],
-							[{translateX: -10}, 0.20],
-							[{translateX: 0}, 0.20]
-						]
-					},
-					/* Animate.css */
-					"transition.bounceLeftOut": {
-						defaultDuration: 750,
-						calls: [
-							[{translateX: 30}, 0.20],
-							[{opacity: [0, "easeInCirc", 1], translateX: -1250}, 0.80]
-						],
-						reset: {translateX: 0}
-					},
-					/* Animate.css */
-					"transition.bounceRightIn": {
-						defaultDuration: 750,
-						calls: [
-							[{opacity: [1, 0], translateX: [-30, 1250]}, 0.60, {easing: "easeOutCirc"}],
-							[{translateX: 10}, 0.20],
-							[{translateX: 0}, 0.20]
-						]
-					},
-					/* Animate.css */
-					"transition.bounceRightOut": {
-						defaultDuration: 750,
-						calls: [
-							[{translateX: -30}, 0.20],
-							[{opacity: [0, "easeInCirc", 1], translateX: 1250}, 0.80]
-						],
-						reset: {translateX: 0}
-					},
-					"transition.slideUpIn": {
-						defaultDuration: 900,
-						calls: [
-							[{opacity: [1, 0], translateY: [0, 20], translateZ: 0}]
-						]
-					},
-					"transition.slideUpOut": {
-						defaultDuration: 900,
-						calls: [
-							[{opacity: [0, 1], translateY: -20, translateZ: 0}]
-						],
-						reset: {translateY: 0}
-					},
-					"transition.slideDownIn": {
-						defaultDuration: 900,
-						calls: [
-							[{opacity: [1, 0], translateY: [0, -20], translateZ: 0}]
-						]
-					},
-					"transition.slideDownOut": {
-						defaultDuration: 900,
-						calls: [
-							[{opacity: [0, 1], translateY: 20, translateZ: 0}]
-						],
-						reset: {translateY: 0}
-					},
-					"transition.slideLeftIn": {
-						defaultDuration: 1000,
-						calls: [
-							[{opacity: [1, 0], translateX: [0, -20], translateZ: 0}]
-						]
-					},
-					"transition.slideLeftOut": {
-						defaultDuration: 1050,
-						calls: [
-							[{opacity: [0, 1], translateX: -20, translateZ: 0}]
-						],
-						reset: {translateX: 0}
-					},
-					"transition.slideRightIn": {
-						defaultDuration: 1000,
-						calls: [
-							[{opacity: [1, 0], translateX: [0, 20], translateZ: 0}]
-						]
-					},
-					"transition.slideRightOut": {
-						defaultDuration: 1050,
-						calls: [
-							[{opacity: [0, 1], translateX: 20, translateZ: 0}]
-						],
-						reset: {translateX: 0}
-					},
-					"transition.slideUpBigIn": {
-						defaultDuration: 850,
-						calls: [
-							[{opacity: [1, 0], translateY: [0, 75], translateZ: 0}]
-						]
-					},
-					"transition.slideUpBigOut": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [0, 1], translateY: -75, translateZ: 0}]
-						],
-						reset: {translateY: 0}
-					},
-					"transition.slideDownBigIn": {
-						defaultDuration: 850,
-						calls: [
-							[{opacity: [1, 0], translateY: [0, -75], translateZ: 0}]
-						]
-					},
-					"transition.slideDownBigOut": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [0, 1], translateY: 75, translateZ: 0}]
-						],
-						reset: {translateY: 0}
-					},
-					"transition.slideLeftBigIn": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [1, 0], translateX: [0, -75], translateZ: 0}]
-						]
-					},
-					"transition.slideLeftBigOut": {
-						defaultDuration: 750,
-						calls: [
-							[{opacity: [0, 1], translateX: -75, translateZ: 0}]
-						],
-						reset: {translateX: 0}
-					},
-					"transition.slideRightBigIn": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [1, 0], translateX: [0, 75], translateZ: 0}]
-						]
-					},
-					"transition.slideRightBigOut": {
-						defaultDuration: 750,
-						calls: [
-							[{opacity: [0, 1], translateX: 75, translateZ: 0}]
-						],
-						reset: {translateX: 0}
-					},
-					/* Magic.css */
-					"transition.perspectiveUpIn": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [1, 0], transformPerspective: [800, 800], transformOriginX: [0, 0], transformOriginY: ["100%", "100%"], rotateX: [0, -180]}]
-						],
-						reset: {transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%"}
-					},
-					/* Magic.css */
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.perspectiveUpOut": {
-						defaultDuration: 850,
-						calls: [
-							[{opacity: [0, 1], transformPerspective: [800, 800], transformOriginX: [0, 0], transformOriginY: ["100%", "100%"], rotateX: -180}]
-						],
-						reset: {transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateX: 0}
-					},
-					/* Magic.css */
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.perspectiveDownIn": {
-						defaultDuration: 800,
-						calls: [
-							[{opacity: [1, 0], transformPerspective: [800, 800], transformOriginX: [0, 0], transformOriginY: [0, 0], rotateX: [0, 180]}]
-						],
-						reset: {transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%"}
-					},
-					/* Magic.css */
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.perspectiveDownOut": {
-						defaultDuration: 850,
-						calls: [
-							[{opacity: [0, 1], transformPerspective: [800, 800], transformOriginX: [0, 0], transformOriginY: [0, 0], rotateX: 180}]
-						],
-						reset: {transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateX: 0}
-					},
-					/* Magic.css */
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.perspectiveLeftIn": {
-						defaultDuration: 950,
-						calls: [
-							[{opacity: [1, 0], transformPerspective: [2000, 2000], transformOriginX: [0, 0], transformOriginY: [0, 0], rotateY: [0, -180]}]
-						],
-						reset: {transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%"}
-					},
-					/* Magic.css */
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.perspectiveLeftOut": {
-						defaultDuration: 950,
-						calls: [
-							[{opacity: [0, 1], transformPerspective: [2000, 2000], transformOriginX: [0, 0], transformOriginY: [0, 0], rotateY: -180}]
-						],
-						reset: {transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateY: 0}
-					},
-					/* Magic.css */
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.perspectiveRightIn": {
-						defaultDuration: 950,
-						calls: [
-							[{opacity: [1, 0], transformPerspective: [2000, 2000], transformOriginX: ["100%", "100%"], transformOriginY: [0, 0], rotateY: [0, 180]}]
-						],
-						reset: {transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%"}
-					},
-					/* Magic.css */
-					/* Support: Loses rotation in IE9/Android 2.3 (fades only). */
-					"transition.perspectiveRightOut": {
-						defaultDuration: 950,
-						calls: [
-							[{opacity: [0, 1], transformPerspective: [2000, 2000], transformOriginX: ["100%", "100%"], transformOriginY: [0, 0], rotateY: 180}]
-						],
-						reset: {transformPerspective: 0, transformOriginX: "50%", transformOriginY: "50%", rotateY: 0}
-					}
-				};
-
-		/* Register the packaged effects. */
-		for (var effectName in Velocity.RegisterEffect.packagedEffects) {
-			if (Velocity.RegisterEffect.packagedEffects.hasOwnProperty(effectName)) {
-				Velocity.RegisterEffect(effectName, Velocity.RegisterEffect.packagedEffects[effectName]);
-			}
-		}
-
-		/*********************
-		 Sequence Running
-		 **********************/
-
-		/* Note: Sequence calls must use Velocity's single-object arguments syntax. */
-		Velocity.RunSequence = function(originalSequence) {
-			var sequence = $.extend(true, [], originalSequence);
-
-			if (sequence.length > 1) {
-				$.each(sequence.reverse(), function(i, currentCall) {
-					var nextCall = sequence[i + 1];
-
-					if (nextCall) {
-						/* Parallel sequence calls (indicated via sequenceQueue:false) are triggered
-						 in the previous call's begin callback. Otherwise, chained calls are normally triggered
-						 in the previous call's complete callback. */
-						var currentCallOptions = currentCall.o || currentCall.options,
-								nextCallOptions = nextCall.o || nextCall.options;
-
-						var timing = (currentCallOptions && currentCallOptions.sequenceQueue === false) ? "begin" : "complete",
-								callbackOriginal = nextCallOptions && nextCallOptions[timing],
-								options = {};
-
-						options[timing] = function() {
-							var nextCallElements = nextCall.e || nextCall.elements;
-							var elements = nextCallElements.nodeType ? [nextCallElements] : nextCallElements;
-
-							if (callbackOriginal) {
-								callbackOriginal.call(elements, elements);
-							}
-							Velocity(currentCall);
-						};
-
-						if (nextCall.o) {
-							nextCall.o = $.extend({}, nextCallOptions, options);
-						} else {
-							nextCall.options = $.extend({}, nextCallOptions, options);
-						}
-					}
-				});
-
-				sequence.reverse();
-			}
-
-			Velocity(sequence[0]);
-		};
-	}((window.jQuery || window.Zepto || window), window, (window ? window.document : undefined));
-}));