if(!window._gscIsInitialized){window._gsc=window._gsc||[];window._gsc.push(['_setWebsite','QVNT96D8'],['_lastUpdate','2020-03-24 12:09:25'],['_revisionId','36ad4d70-6df2-11ea-9731-294df77af6e4']);window._gsc.push(['_setCampaigns',[{"id":15281,"public_id":"W8T8SSSF","name":"Home Page Hero","locations":[{"include":1,"location":"http:\/\/www.playwinterpark.com\/","selector":".aid-1157","url_format":"ignore_query_hash","match":1},{"include":1,"location":"https:\/\/www.playwinterpark.com\/","selector":".aid-1157","url_format":"ignore_query_hash","match":1}],"default_code":"","default_tracking_code":{"00000000":{"code":"MTkxMS4xNTI4MS4wLjAuMA==","content_id":"0","content_name":"None","content_public_id":"00000000"}},"type":0,"width":0,"width_unit":"inherit","height":0,"height_unit":"inherit","action":"do_nothing","display_options":{"display_mode":1},"meta":{"dimensions_enabled":0,"css_enabled":"1","css":".asset-hero-image .field-name-field-image {\n    max-height: 720px;\n}\n\n.asset-hero-image .field-name-field-image img {\n    margin: 0 auto;\n    width: 100%;\n    height: auto;\n}\n\n.gsc-campaign-W8T8SSSF:not(.blue-overlay) .required-fields.group-info.field-group-html-element {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n    padding-bottom: 75px;\n}","compiled_css_code":"<style>.asset-hero-image .field-name-field-image {\n    max-height: 720px;\n}\n\n.asset-hero-image .field-name-field-image img {\n    margin: 0 auto;\n    width: 100%;\n    height: auto;\n}\n\n.gsc-campaign-W8T8SSSF:not(.blue-overlay) .required-fields.group-info.field-group-html-element {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n    padding-bottom: 75px;\n}<\/style>","javascript_enabled":"1","javascript":"(function() {\n    function boundSendCustomTrackingPixel(api) {\n        if(api && api.campaigns && api.campaigns.length > 0) {\n            for(var i = 0; i < api.campaigns.length; i++) {\n                var campaign = api.campaigns[i];\n                if(campaign.campaignPublicId === 'W8T8SSSF' && campaign.content.length > 0) {\n                    var content = campaign.content[0];\n                    var url = 'https:\/\/s.getsmartcontent.com\/track?w=QVNT96D8&t=pixel&m.pixel_public_id=CF18JLW0&bound_content_id='+content.publicId+'&bound_content_name='+encodeURIComponent(content.name)+'&bound_event_type='+api.type;\n                    var pixel = document.createElement('img');\n                    pixel.setAttribute('src', url);\n                }\n            }\n        }\n    }\n    \n    _gsc.push(['_addEventListener', 'impression', boundSendCustomTrackingPixel]);\n    _gsc.push(['_addEventListener', 'click', boundSendCustomTrackingPixel]);\n})();","compiled_javascript_code":"(function() {\n    function boundSendCustomTrackingPixel(api) {\n        if(api && api.campaigns && api.campaigns.length > 0) {\n            for(var i = 0; i < api.campaigns.length; i++) {\n                var campaign = api.campaigns[i];\n                if(campaign.campaignPublicId === 'W8T8SSSF' && campaign.content.length > 0) {\n                    var content = campaign.content[0];\n                    var url = 'https:\/\/s.getsmartcontent.com\/track?w=QVNT96D8&t=pixel&m.pixel_public_id=CF18JLW0&bound_content_id='+content.publicId+'&bound_content_name='+encodeURIComponent(content.name)+'&bound_event_type='+api.type;\n                    var pixel = document.createElement('img');\n                    pixel.setAttribute('src', url);\n                }\n            }\n        }\n    }\n    \n    _gsc.push(['_addEventListener', 'impression', boundSendCustomTrackingPixel]);\n    _gsc.push(['_addEventListener', 'click', boundSendCustomTrackingPixel]);\n})();","single_view_cookie_enabled":0,"single_view_cookie_expiration":"","single_view_max_views":""}},{"id":16149,"public_id":"5RVFWZM0","name":"Sitewide Event Modal","locations":[{"include":0,"location":"http:\/\/www.playwinterpark.com\/winter-signature-events","selector":"","url_format":"ignore_query_hash","match":1},{"include":1,"location":"*playwinterpark.com\/*","selector":"","url_format":"ignore_query_hash","match":2}],"default_code":"","default_tracking_code":{"00000000":{"code":"MTkxMS4xNjE0OS4wLjAuMA==","content_id":"0","content_name":"None","content_public_id":"00000000"}},"type":1,"width":0,"width_unit":"auto","height":0,"height_unit":"auto","action":"do_nothing","display_options":{"display_mode":1},"meta":{"dimensions_enabled":1,"single_view_cookie_enabled":"1","single_view_cookie_expiration":"1","single_view_max_views":"1"}},{"id":16906,"public_id":"74JMH0L6","name":"Site Wide Fly In","locations":[{"include":1,"location":"*playwinterpark.com*","selector":"","url_format":"ignore_query_hash","match":2},{"include":0,"location":"*https:\/\/www.playwinterpark.com\/updates-alerts*","selector":"","url_format":"ignore_query_hash","match":2}],"default_code":"","default_tracking_code":{"00000000":{"code":"MTkxMS4xNjkwNi4wLjAuMA==","content_id":"0","content_name":"None","content_public_id":"00000000"}},"type":3,"width":0,"width_unit":"inherit","height":0,"height_unit":"inherit","action":"do_nothing","display_options":{"display_mode":1},"meta":{"dimensions_enabled":0,"javascript_enabled":"1","javascript":"(function() {\n    function boundSendCustomTrackingPixel(api) {\n        if(api && api.campaigns && api.campaigns.length > 0) {\n            for(var i = 0; i < api.campaigns.length; i++) {\n                var campaign = api.campaigns[i];\n                if(campaign.campaignPublicId === '74JMH0L6' && campaign.content.length > 0) {\n                    var content = campaign.content[0];\n                    var url = 'https:\/\/s.getsmartcontent.com\/track?w=QVNT96D8&t=pixel&m.pixel_public_id=6RV226VJ&bound_content_id='+content.publicId+'&bound_content_name='+encodeURIComponent(content.name)+'&bound_event_type='+api.type;\n                    var pixel = document.createElement('img');\n                    pixel.setAttribute('src', url);\n                }\n            }\n        }\n    }\n    \n    _gsc.push(['_addEventListener', 'impression', boundSendCustomTrackingPixel]);\n    _gsc.push(['_addEventListener', 'click', boundSendCustomTrackingPixel]);\n})();","compiled_javascript_code":"(function() {\n    function boundSendCustomTrackingPixel(api) {\n        if(api && api.campaigns && api.campaigns.length > 0) {\n            for(var i = 0; i < api.campaigns.length; i++) {\n                var campaign = api.campaigns[i];\n                if(campaign.campaignPublicId === '74JMH0L6' && campaign.content.length > 0) {\n                    var content = campaign.content[0];\n                    var url = 'https:\/\/s.getsmartcontent.com\/track?w=QVNT96D8&t=pixel&m.pixel_public_id=6RV226VJ&bound_content_id='+content.publicId+'&bound_content_name='+encodeURIComponent(content.name)+'&bound_event_type='+api.type;\n                    var pixel = document.createElement('img');\n                    pixel.setAttribute('src', url);\n                }\n            }\n        }\n    }\n    \n    _gsc.push(['_addEventListener', 'impression', boundSendCustomTrackingPixel]);\n    _gsc.push(['_addEventListener', 'click', boundSendCustomTrackingPixel]);\n})();","single_view_cookie_enabled":"1","single_view_cookie_expiration":"1","single_view_max_views":"1"}},{"id":17275,"public_id":"SHW5N802","name":"Banner Campaign","locations":[{"include":1,"location":"*playwinterpark.com*","selector":"","url_format":"ignore_query_hash","match":2}],"default_code":"","default_tracking_code":{"00000000":{"code":"MTkxMS4xNzI3NS4wLjAuMA==","content_id":"0","content_name":"None","content_public_id":"00000000"}},"type":2,"width":0,"width_unit":"inherit","height":0,"height_unit":"inherit","action":"do_nothing","display_options":{"display_mode":1},"meta":{"dimensions_enabled":0,"trigger_id":"1","single_view_cookie_enabled":"1","single_view_cookie_expiration":"1","single_view_max_views":"1"}}]]);window._gsc.push( ['_addAnalytics', 'trackGTM', {"profile_id":"50494643","event_tracking":"1","import_data":"1","data_layer_name":"","connection_instance_name":""}] );window._gsc.push(['_requiredCookies',[]]);window._gsc.push(['_setActions',[{"public_id":"SHWV0NFJ","name":"E-Newsletter Subscription Form  Submission","type":"formsubmission","selector":"#subForm","custom_event_name":"","meta":null,"location":{"public_id":"24T6HKSD","location":"www\\.playwinterpark\\.com\\\/((newsletter)|(mountain-bike-capital-usa-enewsletter)|(event-enews))","url_format":"ignore_query_hash","match":5,"include":1},"direct_event_listener_enabled":0}]]);window._gsc.push(['_setWebsiteCSS','.gsc-modal-wrapper{position:fixed;top:0;left:0;bottom:0;right:0;overflow-y:auto;z-index:9997;text-align:center;background:rgba(0,0,0,.6)}.gsc-modal{background-color:#fff;position:absolute;text-align:left;z-index:9998;overflow:hidden}.gsc-modal-content{position:relative}.gsc-modal-content .gsc-image{height:auto;max-width:100%}.gsc-modal-close{position:absolute;top:10px;right:10px;width:25px;height:25px;cursor:pointer;z-index:9999}.gsc-banner{background-color:#666;color:#fff;left:0;position:fixed;z-index:9996}.gsc-banner-content{padding:10px 60px 10px 10px;text-align:center}.gsc-banner-close-btn{background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;font-weight:700;height:20px;padding-left:0;padding-right:0;position:absolute;right:30px;top:10px;width:20px}.gsc-flyin{background-color:#fff;display:none;position:fixed;z-index:11}.gsc-flyin.gsc-flyin-visible{display:block}.gsc-flyin.gsc-flyin-setting-dimensions{display:block;left:-9999px}.gsc-flyin .gsc-image{height:auto;max-width:100%}.gsc-flyin-close-btn{cursor:pointer;position:absolute;right:5px;top:5px;background:none;border:none}']);}(function () {
    'use strict';

    /**
     * indexOf "polyfill" since clients/prospects may improperly use for...in loops with arrays
     * and MDN polyfill will mess that incorrect usage up.
     * @param  {Array} arr  Array that you want to search for item
     * @param  {*}     item item you are looking for in arr
     * @return {Number}     index
     */
    function indexOfItemInArray( arr, item ) {
        var index = -1;
        for ( var i = 0; i < arr.length; i++ ) {
            if ( arr[i] === item ) {
                index = i;
                break;
            }
        }
        return index;
    }

    /**
     * IE-8 friendly method to convert an object, including NodeLists (host objects), to an array.
     * @see    http://stackoverflow.com/questions/2735067/how-to-convert-a-dom-node-list-to-an-array-in-javascript
     * @param  {Object} obj Object to convert to an array
     * @return {Array}
     */
    function objToArray( obj ) {
        var array = [];
        for ( var i = 0; i < obj.length; i++ ) {
            array[i] = obj[i];
        }
        return array;
    }

    /**
     * IE8 friendly Function.prototype.bind polyfill
     * @see  https://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/
     * @param  {Function} func      function that we want to bind "this" context
     * @param  {Object}   thisValue "this" context we are binding to func
     * @return {Function}           func with correct thisValue bound
     */
    function bindFn( func, thisValue ) {
        return function() {
            return func.apply( thisValue, arguments );
        }
    }

    /**
     * Find the max z-index from scanning all top level elements within the body,
     * and use that to set the z-index of non-embedded campaigns to be 1 higher.
     * This is run for each non-embedded campaign that is initialized in case the
     * campaign is triggered after page load and has to compete with other elements
     * that may have loaded with higher z-indexes after page load.
     * @return {Number} maxZIndex
     */
    function calculateMaxZIndex() {
        var allElements = document.querySelectorAll( '*' );
        var maxZIndex = maxZIndex || 1;

        for ( var i = 0; i < allElements.length; i++ ) {
            // We always want our modal campaign on top since it has an overlay behind it
            if (  !hasClass( allElements[i], 'gsc-modal-wrapper' ) ) {
                var zIndex = +getStyle( allElements[i], 'z-index' );
                if ( zIndex > maxZIndex ) {
                    maxZIndex = zIndex;
                }
            }
        }
        return maxZIndex;
    }

    /**
     * Find any <style> elements in the provided element, and return them as an array.
     * (NodeList is an Array like object in older browsers)
     * @param  {Object} element DOM Node
     * @return {array}
     */
    function findStyleElements( element ) {
        return objToArray( element.getElementsByTagName( 'style' ) );
    }

    /**
     * plain JS IE8 supported function to get computed/cascaded style
     * @see http://erik.eae.net/archives/2007/07/27/18.54.15/
     * @param  {Object} el   DOM node
     * @param  {String} prop CSS style property name
     * @return {String}
     */
    function getStyle( el, prop ) {
        if ( document.defaultView && document.defaultView.getComputedStyle ) {
            return document.defaultView.getComputedStyle( el, null )[prop];
        } else if ( el.currentStyle ) {
            return el.currentStyle[prop];
        } else {
            return el.style[prop];
        }
    }

    /**
     * Returns array of viewport dimensions.
     * @return {Array} [width, height]
     */
    function getViewportSize() {
        return [document.documentElement.clientWidth, document.documentElement.clientHeight];
    }

    /**
     * Check that the element type supports the className attribute,
     * and that the provided className is included for the given DOM node
     * @param  {Object}  el        DOM node
     * @param  {String}  className class that we want to check for on el
     * @return {Boolean}
     */
    function hasClass( el, className ) {
        // short circuit for SVG elements which we know have an
        // object for className used for animation purposes.  Check
        // other elements to ensure className is present and of type, string,
        // which has an indexOf method.  Finally, check for the provided className.
        return className &&
                el.nodeName !== 'svg' &&
                el.className &&
                typeof el.className === 'string' &&
                el.className.indexOf( className ) !== -1;
    }

    /**
     * Create a <script> element with nested JS, and append it to the specified element
     * @param  {String}    js      Javascript to be added within <script> tag
     * @param  {Object}    element Element node
     * @param  {Array}     attrs   Array of objects with the key being the attribute, value the attribute's value
     * @return {undefined}
     */
    function insertJSInElement( js, element, attrs ) {
        var script = document.createElement( 'script' );

        // copy attributes from original script element to new script element
        if ( attrs && attrs.length ) {
            for ( var i = 0; i < attrs.length; i++ ) {
                var attrKey = Object.keys( attrs[i] )[0];
                script.setAttribute( attrKey, attrs[i][attrKey] );
            }
        }

        // IE8 does not support innerHTML on script DOM elements, and will
        // throw a run-time error
        if ( script.innerHTML ) {
            script.innerHTML = js;
        } else {
            script.text = js;
        }
        element.appendChild( script );
    }

    /**
     * Inserts HTML and script into an element.
     * @param  {Object}    element Node element
     * @param  {String}    content HTML content to insert
     * @return {undefined}
     */
    function insertHtmlWithJS( element, content ) {
        // IE8 does not allow strings which contain just a script tag to be
        // inserted using innerHTML.  You have to add a non-empty html tag as the first item in the string,
        // but it can be set to display: none so that it doesn't affect the look/feel
        if ( window.attachEvent ) {
            content = '<span style="display:none;">ie8-fix</span>' + content;
        }

        /**
         * Find, store, and remove <style> elements from the content before
         * re-inserting the html without <style> elements. Then, re-insert
         * the <style> elements. This is to get consistent application of CSS,
         * especially media queries, in IE11 which does not occur when inserting
         * in the <body> at the same time as the HTML.
         */
        var detachedEl = document.createElement( 'div' );
        detachedEl.innerHTML = content;
        var styleElements = findStyleElements( detachedEl );
        removeStyleElements( detachedEl, styleElements );
        element.innerHTML = detachedEl.innerHTML;
        insertStyleElements( element, styleElements );

        // Find the script tags
        var scripts = objToArray( element.getElementsByTagName( 'script' ) );
        var scriptContent;
        var scriptAttrs;
        var attrsArr;
        var attrObj;

        for( var i = 0; i < scripts.length; i++ ) {
            scriptContent = scripts[i].innerHTML;
            scriptAttrs = scripts[i].attributes;

            // ADMIN-1166: save attribute names and values in list for when new script
            // element is created and inserted back into campaign element
            attrsArr = [];
            for ( var j = 0; j < scriptAttrs.length; j++ ) {
                attrObj = {};
                attrObj[scriptAttrs[j].nodeName] = scriptAttrs[j].nodeValue;
                attrsArr.push( attrObj );
            }

            scripts[i].parentNode.removeChild( scripts[i] );

            // Create a new tag
            insertJSInElement( scriptContent, element, attrsArr );
        }

    }

    /**
     * Insert the provided <style> elements into the provided element.
     * @param  {Object} element       DOM Node
     * @param  {array}  styleElements list of <style> elements as objects
     */
    function insertStyleElements( element, styleElements ) {
        for ( var i = 0; i < styleElements.length; i++ ) {
            element.appendChild( styleElements[i] );
        }
    }

    /**
     * Remove the provided list of style element from the provided element.
     * @param  {Object} element       DOM Node
     * @param  {array}  styleElements list of <style> elements as objects
     */
    function removeStyleElements( element, styleElements ) {
        for ( var i = 0; i < styleElements.length; i++ ) {
            styleElements[i].parentElement.removeChild( styleElements[i] );
        }
    }

    /**
     * Check a link's href to try and determine if it is external:
     * - not a link to a named anchor in the page
     * - not a same page link with params
     * - not a javascript:void( 0 ) or void 0 link
     * @param  {string}  href link element's href attribute
     * @return {boolean}
     */
    function isExternalHref( href ) {
        return Boolean( href && href.charAt( 0 ) !== '?' &&
            href.charAt( 0 ) !== '#' &&
            href.indexOf( '/#' ) !== 0 &&
            href.indexOf( 'javascript:' ) === -1 &&
            href.indexOf( 'void 0' ) === -1 );
    }

    /**
     * Check to see if the given node is a link with an href and target not set to _blank
     * @param  {Object}  node DOM node instance
     * @return {boolean}
     */
    function isLinkWithTargetSelf( node ) {
        return node.nodeName.toLowerCase() === 'a' &&
            linkUtils.isExternalHref( node.attributes.href && node.attributes.href.value ) &&
            node.target.toLowerCase() !== '_blank';
    }

    /**
     * Uses dispatched js click event from link in all browsers except IE8 where click() is still supported
     * reference: http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
     *
     * This click event is a delayed click intended only when navigation is required, and will not mess up the referrer
     * history like setting window.location would.  This is called after the actual click event which all direct
     * and delegated handlers will have had a crack at assuming none of them called stopPropagation.  If any click handler
     * is depending on this outside of our code that is not correct, and will result in duplicate execution of that
     * click handler's callback function.  By setting bubbles to false we will ensure this event is not captured by
     * any delegated event handlers a second time.  Cancelable "should" also be false as any direct event handlers will
     * still get triggered a second time, but they should not stop this navigation, as again, they would have already
     * executed once.  They would have to be intentionally added for this content and initialized after our content loads,
     * and the node is present.  That being said, I can see it still being an issue in some edge cases where support/clients
     * may need to override this event for reasons unknown and will leave it to them to do that rather than not giving
     * the option.
     * @param {Object} node DOM node instance
     */
    function navigateToUrl( node ) {
        if ( typeof window.MouseEvent === 'function' ) {
            // Modern browsers
            var evt = new MouseEvent( 'click', {
                bubbles: false,
                cancelable: true
            });
            node.dispatchEvent( evt );
        } else if ( document.createEvent ) {
            // old school (deprecated) approach for modern browsers
            // and supported methods in IE9/10/11
            var evt = document.createEvent('MouseEvents');
            evt.initEvent('click', false, true);
            node.dispatchEvent(evt);
        } else if( document.createEventObject ) {
            // IE8
            node.click();
        } else if (typeof node.onclick == 'function' ) {
            // Pre IE8
            node.onclick();
        }
    }

    /**
     * Our default object to export and also reference internally to allow for
     * easy mocking/spying in tests and still allow individual functions to be imported
     * in other modules.
     * @type {Object}
     */
    var linkUtils = {
        isExternalHref: isExternalHref,
        isLinkWithTargetSelf: isLinkWithTargetSelf,
        navigateToUrl: navigateToUrl
    };

    /**
     * The time GSC will delay a clickthrough to give time for tracking calls to complete
     * @type {Number}
     */
    var clickDelayTime = 250;

    /**
     * Adds a class indicating an event from it has been completed to prevent
     * duplicate event tracking.
     * @param {Object} target          DOM node
     * @param {string} completionClass class name denoting completed event
     */
    function addCompletionClass( target, completionClass ) {
        if ( completionClass ) {
            target.className += ' ' + completionClass;
        }
    }

    /**
     * When addEventListener is supported hookup up our listener and respective callback function
     * @param {Object} props event and action config
     */
    function addEventListener( props ) {
        var callback = function( event ) {
            eventUtils.addEventListenerCallback( event, props );
        };
        props.element.addEventListener( props.type, callback );
        return {
            element: props.element,
            handler: callback,
            type: props.type
        };
    }

    /**
     * Callback for addEventListener which will ensure we have not already dealt with this event tracking
     * by checking for a completion class on the event target. If not we will process the event.
     * @param {Object} event Event instance
     * @param {Object} props action config for comparing with event and tracking
     */
    function addEventListenerCallback( event, props ) {
        eventUtils.eventHandler( event.target, props, event );
    }

    /**
     * When addEventListener is not supported but attachEvent is hookup up our listener and respective callback function.
     * @param {Object} props event and action config
     */
    function attachEvent( props ) {
        var callback = function ( event ) {
            attachEventCallback( event, props );
        };
        props.element.attachEvent( 'on'+props.type, callback );
        return {
            element: props.element,
            handler: callback,
            type: props.type
        };
    }

    /**
     * Callback for attachEvent which will ensure we have not already dealt with this event tracking
     * by checking for a completion class on the event's srcElement. If not we will process the event.
     * @param {Object} event Event instance
     * @param {Object} props action config for comparing with event and tracking
     */
    function attachEventCallback( event, props ) {
        eventUtils.eventHandler( event.srcElement, props, event );
    }

    /**
     * For click type events if the event target is an external link we will
     * delay the navigation slightly to allow our tracking to complete.
     * @param  {string} type   event type like 'click'
     * @param  {Object} target DOM node
     * @param  {Object} event  native event object
     */
    function delayNavigationOnClick( type, target, event ) {
        if ( type === 'click'
            && isLinkWithTargetSelf( target )
            && !eventUtils.defaultPrevented( event ) ) {
            eventUtils.preventDefault( event );
            setTimeout( function(){ navigateToUrl( target ); }, eventUtils.clickDelayTime );
        }
    }

    /**
     * Hooks up our delegated event given the following props:
     * @param  {String}   element         element that will listen for bubbled event
     * @param  {String}   type            event type
     * @param  {String}   selector        selector of target element that initialized event
     * @param  {Function} callback        function to call when target matches and event is captured
     * @param  {String}   completionClass class name to append to target to prevent double tracking
     * @return undefined
     */
    function initEventListener( props ) {
        if ( typeof props.callback === 'function' ) {
            // modern browsers
            if ( props.element.addEventListener ) {
                return eventUtils.addEventListener( props );
            // IE8 support
            } else if ( props.element.attachEvent ) {
                return eventUtils.attachEvent( props );
            }
        }
    }

    /**
     * For the current event and target check to see if the passed in selector matches the target,
     * delay the event if this is an external link before navigating, and then call the callback while
     * also adding the completion class to prevent this event and action from being handled again.
     * @param  {Object} target DOM node (not pulled from the provided event since that property
     *                         varies by supported event listener and is handled by the callee)
     * @param  {Object} props  necessary action props: selector, type, completionClass, and callback
     * @param  {Object} event  Event instance
     */
    function eventHandler( target, props, event ) {
        var element = props.element;
        var selector = props.selector;
        var type = props.type;
        var completionClass = props.completionClass;
        var callback = props.callback;

        if ( selector ) {
            // delegated
            var selectorElements = document.querySelectorAll( selector );
            for ( var i = 0; i < selectorElements.length; i++ ) {
                /**
                 * Before checking for a match, see if a parent element has
                 * the selector in case a child element is the click event target.
                 */
                if ( type === 'click' && target !== selectorElements[i] ) {
                    var closestTarget = target.closest( selector );
                    if ( !closestTarget ) {
                        break;
                    }
                    target = closestTarget;
                }

                /**
                 * Don't proceed if:
                 * - the click target was a nested element and didn't have a closest
                 *   parent element with the matching selector so the target is null
                 * - we have already executed the callback if a completion class
                 *   is provided meaning it should execute only once.
                 */
                if ( target && completionClass && hasClass( target, completionClass ) ) {
                    break;
                }

                if ( target === selectorElements[i] ) {
                    eventUtils.delayNavigationOnClick( type, target, event );
                    eventUtils.addCompletionClass( target, completionClass );
                    callback( event );
                    break;
                }
            }
        } else {
            // direct - check element rather than potentially nested target for the completion class
            if ( target && completionClass && hasClass( element, completionClass ) ) {
                return;
            }
            eventUtils.delayNavigationOnClick( type, target, event );
            // Add the completionClass to the original element and not the potentially nested target
            eventUtils.addCompletionClass( element, completionClass );
            callback( event );
        }
    }

    /**
     * Return either the value of defaultPrevented or returnValue for IE8 to determine
     * if an event has already had it's default behavior prevented.
     * @param  {Object} ev Event instance
     * @return {boolean}
     */
    function defaultPrevented( ev ) {
        if ( typeof ev.defaultPrevented !== 'undefined' ) {
            // Modern browsers and IE9+
            return ev.defaultPrevented;
        } else {
            // IE8
            return ev.returnValue;
        }
    }

    /**
     * Call preventDefault in modern browsers or set returnValue to false in IE8 to
     * prevent the default event behavior.
     * @param  {Object} ev Event instance
     */
    function preventDefault( ev ) {
        if ( ev.preventDefault ) {
            // Modern browsers and IE9+
            ev.preventDefault();
        } else {
            // IE8
            ev.returnValue = false;
        }
    }

    /**
     * Removes an event listener from an element.
     * @param {Object}   element  Element node
     * @param {String}   type     Type of event listener to remove. E.g. 'click'
     * @param {Function} callback EventListener function of the event handler to remove from the event target
     */
    function removeEvent( element, type, callback ) {
        if ( element.removeEventListener ) {
            element.removeEventListener( type, callback );
        } else if ( element.detachEvent ) {
            element.detachEvent( 'on'+type, callback );
        }
    }

    /**
     * Our default object to export and also reference internally to allow for
     * easy mocking/spying in tests and still allow individual functions to be imported
     * in other modules.
     * @type {Object}
     */
    var eventUtils = {
        addCompletionClass: addCompletionClass,
        clickDelayTime: clickDelayTime,
        addEventListener: addEventListener,
        addEventListenerCallback: addEventListenerCallback,
        attachEvent: attachEvent,
        attachEventCallback: attachEventCallback,
        defaultPrevented: defaultPrevented,
        delayNavigationOnClick: delayNavigationOnClick,
        eventHandler: eventHandler,
        initEventListener: initEventListener,
        preventDefault: preventDefault,
        removeEvent: removeEvent
    };

    /**
     * URL and Locations functionality
     */

    /**
     * Returns true if the user is previewing a campaign rule via detecting the gscsp url param.
     * @return {Boolean} isPreview
     */
    function checkForPreview() {
        var urlParams = parseUrlParams( window.location.href );
        return urlParams.hasOwnProperty( 'gscsp' );
    }

    /**
     * Check for disabled embedded campaign url param and process.  The only reason we do this is to set visibility: hidden
     * on the selector of a matching location prior to the /serving request so there is no flashing of the original content.
     * We do not need to pass this in the /serving request as the checkRulePreview function in Serving.php returns the
     * locations for enabled or disabled campaigns of any time so we can call checkLocations for the campaign being
     * previewed after the response is received.
     */
    function checkDisabledCampaignLocations() {
        var urlParams = parseUrlParams( window.location.href );
        if ( urlParams.hasOwnProperty( 'gscsploc' ) ) {
            var matchingLocations = checkLocations( [{
                locations: JSON.parse( window.atob( decodeURIComponent( urlParams.gscsploc ) ) ),
            }] );
            return matchingLocations;
        }
    }

    /**
     * Checks an individual location's configuration against the current url, and returns
     * true if it matches.
     * @param { String} urlFormat    configured matching format like 'ignore_query_hash' 
     * @param  {String} urlFormatted current url we will be comparing to
     * @param  {String} loc          configured location with potential wildcards based on config 
     * @param  {Number} matchType    configured match type id, e.g. 5 (Regex)
     * @return {Boolean}             location config matches current url
     */
    function checkIndividualLocation( urlFormat, urlFormatted, loc, matchType ) {
        var formattedUrl = urlFormatted.toUpperCase();
        var location = loc.toUpperCase();

        if( location === '' ) {
            return true;
        }

        if( location.slice( -2 ) === '/*' )
            location = location.slice( 0, -2 ) + '*';

        if( !urlFormat )
            urlFormat = 'ignore_query_hash';

        // Format the url
        if( urlFormat.indexOf( 'query' ) > -1 ) // Need to ignore the query string
            formattedUrl = formattedUrl.split( '?' )[0];

        if( urlFormat.indexOf( 'hash' ) > -1 ) // Need to ignore the hash
            formattedUrl = formattedUrl.split( '#' )[0];

        // Strip trailing slash one more time
        formattedUrl = formattedUrl.replace( /\/$/, '' );

        // Check for RegExp match
        if ( +matchType === 5 ) {
            var regex = new RegExp( location );
            return regex.test( formattedUrl );
        }

        // Check for no wildcards
        if( formattedUrl === location ) {
            return true;
        }

        // Check for double wildcards
        if( location.substr( 0, 1 ) === '*' && location.slice( -1 ) === '*' &&
            formattedUrl.indexOf( location.replace( /\*/g, '' ) ) !== -1 ) {
            return true;
        }

        // Check for wildcard at end, meaning the string starts with the supplied location
        if( location.slice( -1 ) === '*' && formattedUrl.indexOf( location.replace( /\*/g, '' ) ) === 0 ) {
            return true;
        }

        // Check for wildcard at beginning, meaning the string ends with the supplied location
        if( location.substr( 0, 1 ) === '*' ) {
            location = location.replace( /\*/g, '' );
            if( formattedUrl.indexOf( location, formattedUrl.length - location.length ) !== -1 ) {
                return true;
            }
        }

        return false;
    }

    /**
     * Check the provided locations for the provided campaigns to determine if
     * any of them match the current url, and store off the campaigns as filtered/active
     * and also attach selectors property to campaign for the matching location.
     * @param  {Array}    campaigns     list of enabled campaigns or single campaign when previewing a rule
     * @param  {Boolean}  isRulePreview passed as flag when previewing a rule to handle url formatting to
     *                                 match location provided by /serving response
     * @return {Array}                 list of filtered/active campaigns that had a matching location
     */
    function checkLocations( campaigns, isRulePreview ) {
        var currentUrl = document.location.href.replace( /\/$/, '' ), // Remove trailing slash
            filteredCampaign,
            filteredCampaigns = [],
            formattedUrl,
            i,
            include,
            isMatch,
            j,
            k,
            location,
            locations,
            matchType,
            selector,
            urlFormat;

        for( i = 0; i < campaigns.length; i++ ) {

            filteredCampaign = { selectors: [] };
            var selectorsToExclude = [];
            // Check if we are previewing a campaign and remove our gsc params
            formattedUrl = removeGscParamsFromLocation( currentUrl, isRulePreview );

            for( j = 0; j < campaigns[i].locations.length; j++ ) {

                locations = campaigns[i].locations[j];
                location = locations.location.replace( /\/$/, '' ); // Remove trailing slash if it exists
                matchType = locations.match;
                selector = locations.selector;
                include = locations.include;
                urlFormat = locations.url_format;

                // Determine if the location/url is a match
                isMatch = checkIndividualLocation( urlFormat, formattedUrl, location, matchType );

                if ( isMatch && include == 1 ) {
                    filteredCampaign.selectors.push( selector );
                } else if ( isMatch && include == 0 ) {
                    selectorsToExclude.push( selector );
                }

            } // end locations loop

            // Remove selectorsToExclude from filteredCampaign.selectors
            for( j = filteredCampaign.selectors.length; j > 0; j-- ) {
                for( k = 0; k < selectorsToExclude.length; k++ ) {
                    if( selectorsToExclude[k] === filteredCampaign.selectors[j - 1] ) {
                        filteredCampaign.selectors.splice( j - 1, 1 );
                        break;
                    }
                }
            }

            // If locations/selectors exist, make sure to include default content
            if( filteredCampaign && filteredCampaign.selectors && filteredCampaign.selectors.length > 0 ) {
                campaigns[i].selectors = filteredCampaign.selectors;
                filteredCampaigns.push( campaigns[i] );
            }

        } // end campaign loop
        return filteredCampaigns;
    }

    /**
     * Takes a url with params, and returns a parsed object of the params
     * @param {String} url url with params
     */
    function parseUrlParams( url ) {
        var tempLink = document.createElement( 'a' );
        tempLink.href = url;
        var search = tempLink.search.substr( tempLink.search.indexOf( '?' ) + 1 );
        var params = search.split( '&' );
        var paramsObj = {};
        for ( var i = 0; i < params.length; i++ ) {
            var pair = params[i].split( '=' );
            paramsObj[pair[0]] = pair[1];
        }
        return paramsObj;
    }

    /**
     * When previewing a campaign rule we attach up to 2 possible url query params that
     * need to be removed to ensure location matching works properly.  This is only needed
     * by matches_exactly matches and full_url url format locations, but in order to only call this
     * once we call it before looping through each location and only execute most of the logic
     * if we are previewing a campaign rule
     * @param  {String}  url            current url for the page that was loaded
     * @param  {Boolean} isRulePreview  used as a flag noting we haven't checked for a trailing slash yet
     * @return {String}                 url in uppercase with our query params removed ready for checkIndividualLocation()
     */
    function removeGscParamsFromLocation( url, isRulePreview ) {
        var urlParams = parseUrlParams( url );
        if ( urlParams.hasOwnProperty( 'gscsp' ) ) {
            // Create our detached link to allow us to manipulate the url using window.location functionality
            var tempLink = document.createElement( 'a' );
            tempLink.href = url;

            // Remove our GSC params leaving other params
            delete urlParams.gscsp;
            delete urlParams.gscsploc;
            var cleanParams = stringifyUrlParams( urlParams );

            // Save our baseUrl which may still need a trailing slash removed if isRulePreview,
            // and also save a copy of the hash as we are about to set our href property to the
            // clean baseUrl and reconstruct our url. The "origin" property does not exist on a link
            // element (or window.location) in IE11 and lower, so we need to use protocol and
            // hostname manually adding the slashes between.
            // @see https://tosbourn.com/a-fix-for-window-location-origin-in-internet-explorer/
            var baseUrl = tempLink.protocol + '//' + tempLink.hostname + tempLink.pathname;
            var hash = tempLink.hash;
            if ( isRulePreview ) {
                baseUrl = baseUrl.replace( /\/$/, '' );
            }

            // Create our new url wihthout a trailing slash before the params/hash and no GSC
            // We can't use the detached link element for this as it will reinsert the potentially
            // removed trailing slash.
            return baseUrl + ( cleanParams ? '?' + cleanParams : cleanParams ) + hash; 
        }

        return url;
    }

    /**
     * Takes the parsed object of url params, and returns them as a string.
     * @param  {Object} params parsed url parameters 
     * @return {String}        stringified url parameters
     */
    function stringifyUrlParams( params ) {
        var paramsList = [];
        for ( var prop in params ) {
            paramsList.push( prop + '=' + params[prop] );
        }
        return paramsList.join( '&' );
    }

    /**
     * Returns an ActionsManager class for hooking up actions to be tracked,
     * and provides a few methods for viewing actions that matched on location as well
     * as methods to create and trigger custom actions.
     * @param  {Object}   settings _gsc.settings after it has been initialized
     * @param  {Function} track    current implementation of the track function
     * @return {Object}
     */
    function ActionsManager( settings, track ) {
        return {
            /**
             * Returns our props for passing to initEventListener
             * @param  {Object} action configured action
             * @param  {string} type   expected browser event type to listen for
             * @param  {Object} docEl  DOM node for document or similar for IE
             * @return {Object}
             */
            generateEventListenerProps: function( action, type, docEl ) {
                var self = this;
                return {
                    element: action.direct_event_listener_enabled ?
                        document.querySelector( action.selector ) : docEl,
                    type: type,
                    selector: action.direct_event_listener_enabled ? null : action.selector,
                    callback: function() {
                        self.trackAction( action );
                    },
                    completionClass: 'gsc-goal-tracked-' + action.public_id
                };
            },

            /**
             * For the provided _.gsc.settings.actions check the location of each storing it if
             * it matches the current url, and then hookup the action for tracking based on type.
             */
            hookupActions: function() {
                var formattedUrl = document.location.href.replace( /\/$/, '' );
                var docEl = document.documentElement || document.body;

                for ( var j = 0; j < this.settings.actions.length; j++ ) {
                    var action = this.settings.actions[j];
                    var location = action.location ?
                        action.location.location.replace( /\/$/, '' ) : ''; // Remove trailing slash if it exists
                    var urlFormat = action.location ? action.location.url_format : '';
                    var matchType = action.location ? action.location.match : '';

                    if ( checkIndividualLocation( urlFormat, formattedUrl, location, matchType ) ) {
                        // Add to our list of actions with matching locations for easier debugging
                        this.publicAPI.withMatchingLocations.push( action );

                        switch( action.type ) {
                            case 'clicks':
                                this.hookupStandardEventAction( 'click', action, docEl );
                                break;
                            case 'customevents':
                                this.hookupCustomEventAction( docEl, action );
                                break;
                            case 'formsubmission':
                                this.hookupStandardEventAction( 'submit', action, docEl );
                                break;
                            case 'pageviews':
                                this.trackAction( action );
                                break;
                            case 'marketoformselect':
                                this.hookupMarketoFormAction( action );
                                break;
                        }
                    }
                }
            },

            /**
             * Hooks up a standard browser event listener for the specified type.
             * @param  {string} type   browser supported event like 'click'
             * @param  {Object} action configured action object
             * @param  {Object} docEl  DOM node for the document or similar in IE
             */
            hookupStandardEventAction: function( type, action, docEl ) {
                var self = this;
                if ( action.direct_event_listener_enabled ) {
                    var checkForElement = function( action, type ) {
                        if ( document.querySelector( action.selector ) ) {
                            var event = initEventListener( self.generateEventListenerProps( action, type, docEl ) );
                            self.publicAPI.hookedUpActionEvents.push( event );
                            window.clearInterval( self.intervalIds[action.public_id]  );
                            delete self.intervalIds[action.public_id];
                        }
                    };
                    self.intervalIds[action.public_id] = window.setInterval( function() {
                        checkForElement( action, type );
                    }, 100 );
                } else {
                    var event = initEventListener( this.generateEventListenerProps( action, type, docEl ) );
                    this.publicAPI.hookedUpActionEvents.push( event );
                }
            },

            /**
             * Create a custom event with the provided name from the action configuration.
             * Hook up a delegated event listener for the custom event action, and when detected
             * call trackAction for the current action.
             * @param  {Object} docEl  window.document or similar DOM node object in older browsers.
             * @param  {Object} action configured 'customevents' action
             */
            hookupCustomEventAction: function( docEl, action ) {
                var self = this;
                // Create a custom JS event for our action's event name, and store it in
                // this.publicAPI.customActions so all the user needs to do is trigger it.
                this.publicAPI.createCustomAction( action.custom_event_name );

                // Add our event listener for the custom event for this action.
                var handler = function() {
                    self.trackAction( action );
                };
                initEventListener({
                    element: docEl,
                    type: action.custom_event_name,
                    callback: handler
                });
                this.publicAPI.hookedUpActionEvents.push({
                    element: docEl,
                    handler: handler,
                    type: action.custom_event_name
                });
            },

            /**
             * In the case where the Marketo connection is not enabled, but a Marketo
             * form action is still enabled we need to prevent this action from being hooked up
             * and throwing an error because the Marketo script will not be included in this file.
             * @param  {Object} action configured 'marketoformselect' action
             */
            hookupMarketoFormAction: function( action ) {
                if ( this.settings.marketo && this.settings.marketo.enabled ) {
                    window._gsc.Marketo.hookupFormGoalTracking( action );
                }
            },

            /**
             * Store for our element check interval functions
             * @type {Object}
             */
            intervalIds: {},

            /**
             * _gsc.settings as configured with ActionsManager is initialized
             * @type {Object}
             */
            settings: settings,

            /**
             * Current track function implementation
             * @type {Function}
             */
            track: track,

            /**
             * Wrapper function around track() for configured actions
             * @param  {Object}   action action that we want to track using its' public_id
             */
            trackAction: function( action ) {
                this.track( 'action', {
                    action: action
                });
            },

            // Attached to _gsc.actions for use by clients
            publicAPI: {
                /**
                 * Create and initialize a custom event with the provided evName from the action
                 * configuration. Store this in the customEvents object for easy triggering by
                 * passing only the name to trackCustomAction later.
                 * @param  {string} evName custom event name
                 */
                createCustomAction: function( evName ){
                    var myEvent;
                    if ( typeof window.Event === 'function' ) {
                        // Modern browsers
                        myEvent = new Event( evName, { bubbles: true });
                    } else if ( document.createEvent ) {
                        // IE9 - IE11
                        myEvent = document.createEvent( 'Event' );
                        myEvent.initEvent( evName, true, true );
                    }
                    // IE8 and lower do not support custom named events, so bail gracefully
                    // if no event was configured.
                    if ( myEvent ) {
                        this.customEvents[evName] = myEvent;
                    }
                },

                /**
                 * Object containing custom events with the key set for each to match the name of
                 * the custom event in the configured action.
                 * @type {Object}
                 */
                customEvents: {},

                /**
                 * Events that have listeners attached to track actions.
                 * @type {Array}
                 */
                hookedUpActionEvents: [],

                /**
                 * Remove all currently attached event listeners for actions.
                 * This should only be used if you will be instantiating and hooking
                 * up actions again with a new instance of this class, like with
                 * client side routing.
                 */
                removeActionEvents: function() {
                    for ( var i = 0; i < this.hookedUpActionEvents.length; i++ ) {
                        var event = this.hookedUpActionEvents[i];
                        removeEvent( event.element, event.type, event.handler );
                    }
                },

                /**
                 * For the provided custom event name look up our stored event and dispatch it
                 * to trigger the proper trackAction call.
                 * @param  {string} evName custom event name
                 */
                trackCustomAction: function( evName ) {
                    document.documentElement.dispatchEvent( this.customEvents[evName] );
                },

                /**
                 * Stores a list of actions with a matching location that should have been hooked up.
                 * This will primarily be used for debugging location matching issues first.
                 * @type {Array}
                 */
                withMatchingLocations: []
            }
        };
    }

    /**
     * Converts the provided number of days to milliseconds
     * @param  {Number} days
     * @return {Number}
     */
    function convertDaysToMilliseconds( days ) {
        return parseInt( days ) * 1000 * 60 * 60 * 24;
    }

    /**
     * Converts the provided number of minutes to milliseconds
     * @param  {Number} minutes
     * @return {Number}
     */
    function convertMinutesToMilliseconds( minutes ) {
        return parseInt( minutes ) * 1000 * 60 ;
    }

    /**
     * Get a Date object relative to the current Date in days
     * @param  {Number} value    number of unit/s from now with default of "days"
     * @param  {Number} fromDate UTC timestamp
     * @param  {unit}   unit     "days" by default or you can also pass "minutes"
     * @return {Date}            date relative to now
     */
    function relativeDate( value, fromDate, unit ) {
        var startingDate = fromDate ? new Date( fromDate ) : new Date();
        if ( unit === 'minutes' ) {
            return new Date( startingDate.getTime() + timeUtils.convertMinutesToMilliseconds( value ) );
        }
        // default to 'days'
        return new Date( startingDate.getTime() + timeUtils.convertDaysToMilliseconds( value ) );
    }

    var timeUtils = {
        convertDaysToMilliseconds: convertDaysToMilliseconds,
        convertMinutesToMilliseconds: convertMinutesToMilliseconds,
        relativeDate: relativeDate
    };

    // Provides methods for getting, setting and clearing cookies
    function CookieManager( doc ) {
        return {
            // Store our known cookies to avoid having to retrieve and parse
            // cookie values each time.  This starts off as null instead of
            // an empty object to ensure that it checked and initialized correctly.
            cookies: null,

            /**
             * Returns the value of the cookie name, or an empty string
             * if it hasn't been stored yet.
             * @param  {String} name cookie name you want the value of
             * @return {String}      cookie value
             */
            cachedCookieValue: function( name ) {
                if ( this.isValidCachedCookie( name ) ) {
                    return decodeURIComponent( this.cookies[name] );
                }

                return '';
            },

            /**
             * Get the value of the specified cookie or cached cookie value
             *
             * @param  {string}  name          cookie name to retrieve value for
             * @param  {boolean} noCachedValue opt out of using cached cookie value
             * @return {string}
             */
            get: function( name, noCachedValue ) {
                // Use cached object if possible
                if( this.cookies && !noCachedValue ) {
                    return this.cachedCookieValue( name );
                }

                // Otherwise, get cookies from the browser, and if found return
                // the value of the provided cookie name.
                this.storeCookiesFromBrowser();
                return this.get( name );
            },

            /**
             * Get the cookie from the browser and update our cookies cache
             * @param  {string} name cookie name we want the value of
             * @return {string}
             */
            getCookieFromBrowser: function( name ) {
                return this.get( name, true );
            },

            /**
             * Get the expiration date to set with the cookie based on the provided
             * cookie value and the optional days until the cookie should expire.
             * @param  {String} cookieValue current value of cookie date is for
             * @param  {Number} expires     number of "days" or unit until the cookie expires
             * @param  {String} unit        unit for expires, default is "days", but we also support "minutes"
             * @return {String}             GMT String of Date
             */
            generateExpirationDate: function( cookieValue, expires, unit ) {
                // If value === null, we need to delete the cookie by setting the expiration to something in the past
                if ( !cookieValue ) {
                    return 'Thu, 01-Jan-1970 00:00:01 GMT';
                } else if ( !isNaN( expires ) ) {
                    return timeUtils.relativeDate( expires, null, unit ).toGMTString();
                }
                // If not provided, let's assume its a session cookie
                return '';
            },

            /**
             * Returns true if we have a valid property name in our stored cookies values.
             * @param  {String} name cookie name to check for
             * @return {Boolean}
             */
            isValidCachedCookie: function( name ) {
                return this.cookies.hasOwnProperty( name ) && this.cookies[name] !== undefined &&
                    this.cookies[name] !== 'undefined';
            },

            /**
             * Sets a cookie value if provided, and for null values will delete the cookie
             * by setting an expiration date in the past.  You can also provide the number
             * of days until the cookie should expire, otherwise it will be treated as a session cookie.
             * @param  {String}   name    cookie name
             * @param  {*}        value   value for cookie (will be converted to encoded string)
             * @param  {Number}   expires number of days until the cookie should expire
             * @param  {String}   unit    unit for expires, default is "days", but we also support "minutes"
             * @return {undefined}
             */
            set: function( name, value, expires, unit ) {
                doc.cookie = name + '=' + encodeURIComponent( value ) + ';path=/;expires=' +
                    this.generateExpirationDate( value, expires, unit );
            },

            /**
             * The first time this.get is called we will call this function to loop through,
             * parse, and store all cookies in this.cookies for quicker lookups in the future.
             * @return {undefined}
             */
            storeCookiesFromBrowser: function() {
                this.cookies = {};
                var rawCookies = doc.cookie.split( '; ' );
                for( var i = rawCookies.length - 1; i >=0 ; i-- ) {
                    var keyValuePair = window.attachEvent ? rawCookies[i].split( '=' ) : rawCookies[i].split( /=(.+)?/ );
                    this.cookies[keyValuePair[0]] = keyValuePair[1];
                }
            },
        }
    }

    /**
     * Converts the provided number of days to milliseconds
     * @param  {Number} days
     * @return {Number}
     */
    function convertDaysToMilliseconds$1( days ) {
        return parseInt( days ) * 1000 * 60 * 60 * 24;
    }

    /**
     * Converts the provided number of minutes to milliseconds
     * @param  {Number} minutes
     * @return {Number}
     */
    function convertMinutesToMilliseconds$1( minutes ) {
        return parseInt( minutes ) * 1000 * 60 ;
    }

    /**
     * Get a Date object relative to the current Date in days
     * @param  {Number} value    number of unit/s from now with default of "days"
     * @param  {Number} fromDate UTC timestamp
     * @param  {unit}   unit     "days" by default or you can also pass "minutes"
     * @return {Date}            date relative to now
     */
    function relativeDate$1( value, fromDate, unit ) {
        var startingDate = fromDate ? new Date( fromDate ) : new Date();
        if ( unit === 'minutes' ) {
            return new Date( startingDate.getTime() + timeUtils$1.convertMinutesToMilliseconds( value ) );
        }
        // default to 'days'
        return new Date( startingDate.getTime() + timeUtils$1.convertDaysToMilliseconds( value ) );
    }

    var timeUtils$1 = {
        convertDaysToMilliseconds: convertDaysToMilliseconds$1,
        convertMinutesToMilliseconds: convertMinutesToMilliseconds$1,
        relativeDate: relativeDate$1
    };

    /**
     * The limitedViewManager contains all the functionality to support the limited view campaign
     * and campaign rule settings.  We will store the timestamp or each view, public id. as well as the expires
     * timestamp in localStorage when x views within x days has been reached based on the configuration.
     * We will also check and maintain the list of view timestamps to remove any that fall out of the configured
     * days range to ensure campaigns and campaign rules can show again.
     *
     * @type {Object}
     */
    function LimitedViewManager() {
        return {
            // All browsers that we support will have localStorage, but if a user has disabled cookies
            // some browsers will throw an error instead of returning undefined when checking for
            // window.localStorage.  We have a try/catch statement in our initLocalStorageState
            // function, and if an error is thrown we will set this to false to check in other functions.
            localStorageEnabled: true,
            /**
             * This is stored in localStorage, copied here for manipulation and checking, and then
             * copied back to localStorage one time instead of many.
             * [{
             *     views: [list of unix timestamps],
             *     expires: unix timestamp if x views within x days was met,
             *     publicId: public id string of campaign or campaign rule
             * },]
             */
            state: {
                campaigns: [],
                rules: []
            },

            /**
             * Check for campaign or rule limited view settings that have been disabled, and remove the campaign
             * or rule if found.  This should only be used when we don't need to set or normally process a campaign
             * or rule, but do need to see if it is disabled and clear it if so.  One example is when no rule or default
             * content is returned to display for a non-embedded campaign.
             * @param  {Object} campaign campaign details
             * @return {undefined}
             */
            checkForDisabledSetting: function( campaign ) {
                if ( !+campaign.meta.single_view_cookie_enabled && this.isCampaignLimited( campaign.public_id ) ) {
                    var campaignViewData = this.getCampaign( campaign.public_id );
                    if ( campaignViewData ) {
                        this.removeCampaign( campaignViewData );
                    }
                }

                if ( campaign.rule_public_id ) {
                    if ( !+campaign.display_options.single_view_cookie_enabled ) {
                        var ruleViewData = this.getCampaignRule( campaign.rule_public_id );
                        if ( ruleViewData ) {
                            this.removeRule( ruleViewData );
                        }
                    }
                }
            },

            /**
             * Remove any expired campaignViewData items so that the campaigns can be
             * proivided in the /serving response.
             * @return {undefined}
             */
            checkForExpiredCampaigns: function() {
                for ( var i = 0; i < this.state.campaigns.length; i++ ) {
                    // If the limit has expired, we will reset it to be an empty string, so that
                    // it is no longer limited
                    if ( this.state.campaigns[i].expires &&
                        this.isLimitExpired( this.state.campaigns[i].expires ) ) {
                        this.state.campaigns[i].expires = '';
                    }
                }
            },

            /**
             * Remove any expired ruleViewData items so that the campaign rules can be
             * proivided in the /serving response.
             * @return {undefined}
             */
            checkForExpiredCampaignRules: function() {
                for ( var i = 0; i < this.state.rules.length; i++ ) {
                    // If the limit has expired, we will reset it to be an empty string, so that
                    // it is no longer limited
                    if ( this.state.rules[i].expires &&
                        this.isLimitExpired( this.state.rules[i].expires ) ) {
                        this.state.rules[i].expires = '';
                    }
                }
            },

            /**
             * Remove any view timestamps that fall outside of the configured days range
             * to ensure that a campaign or campaign rule can appear again.
             * @param  {Array}  views          list of unix timestamps for previous views
             * @param  {Number} configuredDays number of days configured in campaign or rule
             * @param  {Number} maxViews       maximum number of views allowed
             * @return {undefined}
             */
            cleanViews: function( views, configuredDays, maxViews ) {
                // find today - configuredDays to find the cutoff point for views
                var earliestDate = timeUtils$1.relativeDate( -configuredDays ).getTime();
                var startingIndex = views.length - 1;
                for ( var i = startingIndex; i >= 0; i-- ) {
                    var viewDate = new Date( views[i] ).getTime();
                    // remove any view timestamps that are before the cutoff point
                    if ( viewDate < earliestDate ) {
                        views.splice( i, 1 );
                    }
                }

                // One more safety check to remove the oldest entries from views
                // getting us even with 1 less than maxViews or back to 0 if maxViews is 1 since we will
                // add a new view after this.  This should only return true if the client was in
                // a bad state from ADMIN-5012, and after that the code above will handle cleaning.
                if ( views.length >= maxViews ) {
                    views.splice( 0, views.length === 1 ? 1 : views.length - maxViews + 1 );
                }
            },

            /**
             * Return a '.' delimited list of campaign public ids that have an expires timestamp
             * meaning it has met the x views within x days configured values, and should not
             * be viewed at this time.
             * @return {String} '.' delimited list of campaign public ids to be sent in /serving request
             */
            generateCampaignsRequestValue: function() {
                var campaignPublicIds = '';
                for ( var i = 0; i < this.state.campaigns.length; i++ ) {
                    if ( this.state.campaigns[i].expires ) {
                        if ( campaignPublicIds ) {
                            campaignPublicIds += '.';
                        }
                        campaignPublicIds += this.state.campaigns[i].publicId;
                    }
                }
                return campaignPublicIds;
            },

            /**
             * Return a '.' delimited list of campaign rule public ids that have an expires timestamp
             * meaning it has met the x views within x days configured values, and should not
             * be viewed at this time.
             * @return {String} '.' delimited list of campaign rule public ids to be sent in /serving request
             */
            generateRulesRequestValue: function() {
                var rulePublicIds = '';
                for ( var i = 0; i < this.state.rules.length; i++ ) {
                    if ( this.state.rules[i].expires ) {
                        if ( rulePublicIds ) {
                            rulePublicIds += '.';
                        }
                        rulePublicIds += this.state.rules[i].publicId;
                    }
                }
                return rulePublicIds;
            },

            /**
             * Return the campaign limited view data for a given campaign.
             * @param  {String} publicId public id of a campaign
             * @return {Object}          view data object from localStorage
             */
            getCampaign: function( publicId ) {
                for ( var i = 0; i < this.state.campaigns.length; i++ ) {
                    if ( publicId === this.state.campaigns[i].publicId ) {
                        return this.state.campaigns[i];
                    }
                }
            },

            /**
             * Return the campaign rule limited view data for a given campaign.
             * @param  {String} publicId public id of a campaign rule
             * @return {Object}          view data object from localStorage
             */
            getCampaignRule: function( publicId ) {
                for ( var i = 0; i < this.state.rules.length; i++ ) {
                    if ( publicId === this.state.rules[i].publicId ) {
                        return this.state.rules[i];
                    }
                }
            },

            /**
             * This is called in main init function to get the current state from localStorage or
             * init the state.  We then do a check for any expired campaigns so that when buildQuery
             * is called our state will be up to date, and the correct list of limited view public
             * ids will be provided in the /serving request.
             * @return {[type]} [description]
             */
            initLocalStorageState: function() {
                try {
                    if ( typeof( Storage ) !== 'undefined' ) {
                        this.updateState();
                    }
                }
                catch( error ) {
                    this.localStorageEnabled = false;
                    console.log( 'Limited view campaigns disabled due to browser settings: ', error );
                }
                this.checkForExpiredCampaigns();
                this.checkForExpiredCampaignRules();
            },

            /**
             * Check to see if a campaign is currently limited, and should not be displayed.
             * This should only be called after forceDefault has been called when /serving has failed
             * due to an error or timeout.  It will prevent default content from being shown when
             * it should be limited even though we are trying to force it.
             * @param  {String}  publicId public_id of a given campaign
             * @return {Boolean}
             */
            isCampaignLimited: function( publicId ) {
                for ( var i = 0; i < this.state.campaigns.length; i++ ) {
                    if ( publicId === this.state.campaigns[i].publicId &&
                        this.state.campaigns[i].expires ) {
                        return true;
                    }
                }
                return false;
            },
            
            /**
             * Check to see if a campaign rule is currently limited, and should not be displayed.
             * This should only be called after forceDefault has been called when /serving has failed
             * due to an error or timeout.  It will prevent default content from being shown when
             * it should be limited even though we are trying to force it.
             * @param  {String}  publicId public_id of a given campaign rule
             * @return {Boolean}
             */
            isRuleLimited: function( publicId ) {
                for ( var i = 0; i < this.state.rules.length; i++ ) {
                    if ( publicId === this.state.rules[i].publicId &&
                        this.state.rules[i].expires ) {
                        return true;
                    }
                }
                return false;
            },

            /**
             * Check to see if the expires timestamp is less than the current time's timestamp, and
             * is no longer applicable
             * @param  {String}  timestampLimit
             * @return {Boolean}
             */
            isLimitExpired: function( timestampLimit ) {
                return new Date( timestampLimit ) < new Date();
            },

            /**
             * Generate a new date when views can occur again based on the first view timestamp +
             * the configured days for limited views.  this.cleanViews will already have been called,
             * so all view timestamps will fall within the current range of configured days when this
             * function is called resulting in a valid expiration date
             * @param  {Number} days number of days that will need to pass before a new view can occur
             * @return {Date}
             */
            newExpirationDate: function( configuredDays, earliestViewDate ) {
                return timeUtils$1.relativeDate( configuredDays, earliestViewDate ).getTime();
            },

            /**
             * For each campaign returned in the /serving response we will do the following:
             * - add a viewData object with one new view timestamp if it is not in localStorage,
             *   and now has limited views enabled
             * - add a view if it already had limited views enabled and we have it in storage, and
             *   set expires to the configured days value if x views in y days has been met.
             * - remove any view data objects for campaigns that previously had limited views enabled,
             *   but no longer do
             * @param  {Object} campaign campaign object returned in serving response
             * @return {undefined}
             */
            processCampaign: function( campaign ) {
                var campaignViewData = this.getCampaign( campaign.public_id );
                if ( +campaign.meta.single_view_cookie_enabled ) {
                    var maxViews = campaign.meta.single_view_max_views ? campaign.meta.single_view_max_views : 1;
                    if ( campaignViewData ) {
                        this.cleanViews(
                            campaignViewData.views,
                            campaign.meta.single_view_cookie_expiration,
                            maxViews
                        );
                        campaignViewData.views.push( new Date().getTime() );
                    } else {
                        campaignViewData = this.storeCampaign( campaign );
                    }

                    if ( campaignViewData.views.length >= maxViews ) {
                        campaignViewData.expires = this.newExpirationDate(
                            campaign.meta.single_view_cookie_expiration,
                            campaignViewData.views[0]
                        );
                    } else {
                        campaignViewData.expires = '';
                    }
                } else {
                    // check to see if the campaign was previously enabled, and we have it stored we need to remove it
                    if ( campaignViewData ) {
                        this.removeCampaign( campaignViewData );
                    }
                }

                if ( campaign.rule_public_id ) {
                    this.processCampaignRule( campaign );
                }
            },

            /**
             * For each campaign rule returned in the /serving response we will do the following:
             * - add a viewData object with one new view timestamp if it is not in localStorage,
             *   and now has limited views enabled
             * - add a view if it already had limited views enabled and we have it in storage, and
             *   set expires to the configured days value if x views in y days has been met.
             * - remove any view data objects for campaign rules that previously had limited views enabled,
             *   but no longer do
             * @param  {Object} campaignWithRule
             * @return {undefined}
             */
            processCampaignRule: function( campaignWithRule ) {
                var ruleViewData = this.getCampaignRule( campaignWithRule.rule_public_id );
                if ( +campaignWithRule.display_options.single_view_cookie_enabled ) {
                    var maxViews = campaignWithRule.display_options.single_view_max_views ?
                        campaignWithRule.display_options.single_view_max_views : 1;
                    if ( ruleViewData ) {
                        this.cleanViews(
                            ruleViewData.views,
                            campaignWithRule.display_options.single_view_cookie_expiration,
                            maxViews
                        );
                        ruleViewData.views.push( new Date().getTime() );
                    } else {
                        ruleViewData = this.storeCampaignWithRule( campaignWithRule );
                    }

                    if ( ruleViewData.views.length >= maxViews ) {
                        ruleViewData.expires = this.newExpirationDate(
                            campaignWithRule.display_options.single_view_cookie_expiration,
                            ruleViewData.views[0]
                        );
                    } else {
                        ruleViewData.expires = '';
                    }
                } else {
                    if ( ruleViewData ) {
                        this.removeRule( ruleViewData );
                    }
                }
            },

            /**
             * When an item has limited view disabled we need to remove it from localStorage.
             * @param  {Object} campaignViewData view data object for a campaign from localStorage
             * @return {undefined}
             */
            removeCampaign: function( campaignViewData ) {
                this.state.campaigns.splice( indexOfItemInArray( this.state.campaigns, campaignViewData ), 1 );
            },

            /**
             * When an item has limited view disabled we need to remove it from localStorage.
             * @param  {Object} ruleViewData view data object for a campaign rule from localStorage
             * @return {undefined}
             */
            removeRule: function( ruleViewData ) {
                this.state.rules.splice( indexOfItemInArray( this.state.rules, ruleViewData ), 1 );
            },

            /**
             * Create a new object storing the limited views data for a given campaign.
             * @return {Object} limited view object to be stored in localStorage
             */
            storeCampaign: function( campaign ) {
                var campaign = {
                    expires: '',
                    publicId: campaign.public_id,
                    views: [ new Date().getTime() ]
                };
                this.state.campaigns.push( campaign );
                return campaign;
            },

            /**
             * Create a new object storing the limited views data for a given campaign rule.
             * @return {Object} limited view object to be stored in localStorage
             */
            storeCampaignWithRule: function( campaignWithRule ) {
                var rule = {
                    expires: '',
                    publicId: campaignWithRule.rule_public_id,
                    views: [ new Date().getTime() ]
                };
                this.state.rules.push( rule );
                return rule;
            },

            /**
             * Batch update localStorage with all changes in this.state.
             * @return {undefined}
             */
            updateLocalStorageState: function() {
                if ( this.localStorageEnabled ) {
                    window.localStorage.setItem( 'gsc_limited_views', JSON.stringify( this.state ) );
                }
            },

            /**
             * Update this.state from localStorage, otherwise call updateLocalStorageState
             * to make sure it's in sync with this.state
             * @return {undefined}
             */
            updateState: function() {
                var limitedViewState = window.localStorage.getItem( 'gsc_limited_views' );
                if ( limitedViewState ) {
                    this.state = JSON.parse( limitedViewState );
                } else {
                    this.updateLocalStorageState();
                }
            },
        };
    }

    /**
     * Cross browser friendly function to insert CSS into stylesheet element
     * @param  {String}    styleElement     style DOM node 
     * @param  {String}    css              css styles to insert into style element
     * @param  {Boolean}   clearExistingCss if true, remove existing styles before appending
     * @return {undefined}
     */
    function appendCSS( styleElement, css, clearExistingCss ) {
        if ( styleElement.styleSheet ) {
            if ( clearExistingCss ) {
                styleElement.styleSheet.cssText = css;
            } else {
                styleElement.styleSheet.cssText += css;
            }
        } else {
            if ( clearExistingCss ) {
                if ( styleElement.innerText ) {
                    styleElement.innerText = '';
                } else {
                    styleElement.innerHTML = '';
                }
            }
            styleElement.appendChild( document.createTextNode( css ) );
        }
    }

    /**
     * Add a new stylesheet or update an existing stylesheet
     * @param  {String}   cssToInsert        css rules to insert into a stylesheet
     * @param  {String}   styleSheetSelector element selector
     * @param  {Boolean}  clearExistingCss   if true, remove existing CSS before appending
     * @return {undefined}
     */
    function editStylesheet( cssToInsert, styleSheetSelector, clearExistingCss ) {
        var head = document.head || document.getElementsByTagName( 'head' )[0];
        var styleEl = head.querySelector( styleSheetSelector );

        if ( styleEl ) {
            appendCSS( styleEl, cssToInsert, clearExistingCss );
        } else {
            var style = document.createElement( 'style' );
            style.type = 'text/css';
            style.id = styleSheetSelector.substring( 1 );
            appendCSS( style, cssToInsert );
            head.appendChild( style );
        }
    }

    /**
     * Creates temporary stylesheet that hides camapaign containers while
     * they load to avoid flashing of content
     * @param  {Array}     campaigns list of campaigns with valid selectors attached
     * @param  {Boolean}   isPreview set to true if previewing a campaign rule
     * @return {undefined}
     */
    function createHiddenCampaignsStyles( campaigns, isPreview ) {
        // We need to loop through our campaign matches and create rules that will hide the content
        for( var i = 0; i < campaigns.length; i++ ) {
            var selectors = [];
            var css = '';
            for( var j = 0; j < campaigns[i].selectors.length; j++ ) {
                if( campaigns[i].selectors[j] !== '' ) {
                    selectors.push( campaigns[i].selectors[j], campaigns[i].selectors[j] + ' *' );
                    css = selectors.join( ',' ) + '{visibility:hidden !important;}';
                }
            }

            if ( selectors.length > 0 ) {
                /**
                 * When previewing a disabled embedded campaign the campaign object will actually
                 * be a stripped down version with only the locations (the long encoded gscsploc value),
                 * and selectors if it makes it this far, so we we will use the campaign_id from
                 * a location in that case.  Otherwise, use the id on the campaign object.
                 */
                var campaignIdentifier = ( isPreview && !campaigns[i].public_id ) ?
                    campaigns[i].locations[0].campaign_id : campaigns[i].id;
                editStylesheet( css, '#gsc-css-hidden-campaign-' + campaignIdentifier );
            }
        }
    }

    /**
     * Disable and remove the stylesheet with the provided selector.
     * @param  {String}    styleSheetSelector element selector
     * @return {undefined}
     */
    function disableStylesheet( styleSheetSelector ) {

        var sheet = document.getElementById( styleSheetSelector );

        // If the stylesheet is found, disable it if setAttribute is available in
        // the browser, and then remove the stylesheet.
        if( sheet ) {
            if ( sheet.setAttribute ) {
                sheet.setAttribute( 'disabled', true );
            }
            sheet.parentNode.removeChild( sheet );
        }

    }

    /**
     * @see https://plainjs.com/javascript/traversing/get-closest-element-by-selector-39/
     */
    function initElementMatches() {
        this.Element && function( ElementPrototype ) {
            ElementPrototype.matches = ElementPrototype.matches ||
            ElementPrototype.matchesSelector ||
            ElementPrototype.webkitMatchesSelector ||
            ElementPrototype.msMatchesSelector ||
            function( selector ) {
                var node = this, nodes = ( node.parentNode || node.document ).querySelectorAll( selector ), i = -1;
                while ( nodes[++i] && nodes[i] != node );
                return !!nodes[i];
            };
        }( Element.prototype );
    }

    /**
     * @see https://plainjs.com/javascript/traversing/get-closest-element-by-selector-39/
     */
    function initElementClosest( ) {
        polyfills.initElementMatches.call( this );
        this.Element && function( ElementPrototype ) {
            ElementPrototype.closest = ElementPrototype.closest ||
            function( selector ) {
                var el = this;
                while ( el.matches && !el.matches( selector ) ) el = el.parentNode;
                return el.matches ? el : null;
            };
        }( Element.prototype );
    }

    /**
     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
     */
    function initObjectKeys() {
        if ( !Object.keys ) {
            Object.keys = ( function () {
                var hasOwnProperty = Object.prototype.hasOwnProperty,
                    hasDontEnumBug = !({toString: null}).propertyIsEnumerable( 'toString' ),
                    dontEnums = [
                        'toString',
                        'toLocaleString',
                        'valueOf',
                        'hasOwnProperty',
                        'isPrototypeOf',
                        'propertyIsEnumerable',
                        'constructor'
                    ],
                    dontEnumsLength = dontEnums.length;

                return function ( obj ) {
                    if ( typeof obj !== 'object' && ( typeof obj !== 'function' || obj === null ) ) {
                        throw new TypeError( 'Object.keys called on non-object' );
                    }

                    var result = [], prop, i;

                    for ( prop in obj ) {
                        if ( hasOwnProperty.call( obj, prop ) ) {
                            result.push( prop );
                        }
                    }

                    if ( hasDontEnumBug ) {
                        for ( i = 0; i < dontEnumsLength; i++ ) {
                            if ( hasOwnProperty.call( obj, dontEnums[i] ) ) {
                                result.push( dontEnums[i] );
                            }
                        }
                    }

                    return result;
                };
            }() );
        }
    }

    var polyfills = {
        initElementClosest: initElementClosest,
        initElementMatches: initElementMatches,
        initObjectKeys: initObjectKeys
    };

    if ( !window._gscIsInitialized ) {
        window._gscIsInitialized = true;
        window._gsc = (function( win, doc, config ) {
            var cookie = new CookieManager( doc );
            var limitedViewManager = new LimitedViewManager();

            initElementClosest.call( window );
            initObjectKeys();

            // Return false if the config object is empty
            if( !config || config.length === 0 ) return false;

            // Create our variables and functions
            var
                settings,                  // The settings for this pageview. Will be sent to the gateway once processed.
                actionsManager,            // reference to our to be initialized ActionsManager instance,
                activeCampaigns,           // The filtered list of campaigns and selectors that we expect to find on the page.
                response,                  // The data object that will store our response from the server
                campaigns,                 // Stores the final campaign results
                connections,               // Stores the data returned by connections
                visitor = {},              // Stores information known about the current visitor
                dependencies,              // An object to store all dependencies needed before loading gsc
                dependenciesTimer,         // Used to test dependencies
                geo,                       // geo info returned from /serving response if available
                isInitialRequestSent,      // Flag set when the main request to the API is made
                isDomReady,                // Used as a flag to tell if the DOM is loaded
                isComplete,                // Flag set when everything is done running. The onComplete listeners should fire here as well.
                isImpressionTracked,       // Flag set when the combined impression call has been sent to the server
                noImpressionsToTrack,      // Flag to set when there are no initial impressions to track but may be triggered campaigns loading in the future
                originalCampaigns,         // store our original campaigns data in case we need to trigger another scan or load for SPA apps with client side routing
                isPreview,                 // Flag set if we are in preview mode and the preview module should be displayed
                apiInfo,                   // Object to hold formatted tracking information to be shared through the API and sent to analytics integrations
                ipAddress,                 // IP address returned from the /serving response
                scanningInterval,          // Interval used to regularly scan the DOM to try to add GSC Campaigns
                scrollCampaigns = [],      // List of campaign objects that have been configured with scroll triggers so we can support multiple instances
                fallbackTime = 10000,      // Determines how long the serving script should wait for the gateway to respond before showing default content
                fallbackTimer,             // Timer used in conjuction with fallbackTime
                isFallbackEnabled,         // Flag set if fallback was used so if the normal request is slow, it doesnt cause a weird flicker
                isInitialized,             // Flag for when init() has been called and _gsc has been returned with properties initialized
                fallbackReason = '',       // Send a description of the fallback cause. Options: timeout, error
                servingTime = 0,           // Used to calculate and track the time it takes from when our script loads until the gateway has responded
                extendedScanTime = 5000,   // The time GSC will scan the page after the DOM has loaded
                extendedTimer,             // Determines how long the extendedInterval should run
                revisionId = '',           // The revision ID for this javascript file generated by the admin and sent with each request for troubleshooting and auditing purposes
                serveId = '',              // A unique Id for this serve that will be generated by the server and included on subsequent requests
                now = Math.round((new Date()).getTime()/1000),
                apiRoot = 'https://s.getsmartcontent.com',

                // Starts the data gathering and then loads our custom javascript
                init = function() {

                    // We are in the Interactive Editor in GSC Admin app
                    // and don't want to serve content or track visit, goals, etc
                    if ( win._gsc_editor_backup ) {
                        // _gsc_editor_backup will have properties/methods for all non-embedded campaign types
                        // which may not be on _gsc depending on what types of campaigns the client has enabled.
                        // Copy those over before returning false stopping exection of the serving js, but allowing
                        // the non-embedded campaign types to be initialized in the Editor
                        if ( win._gsc_editor_backup.copyEditorProps && typeof win._gsc_editor_backup.copyEditorProps === 'function' ) {
                            win._gsc_editor_backup.copyEditorProps();
                        }
                        return false;
                    }

                    // Init our localStorage state
                    limitedViewManager.initLocalStorageState();

                    // Start by parsing the settings
                    parse( config );

                    // Initialize our ActionsManager instance after settings has been initialized via parse() above.
                    actionsManager = new ActionsManager( settings, track );

                    // Process the cookies for the visitor.
                    // This will create the visitor object and
                    // ensure that we are sending the correct visit information
                    // Including the session id
                    processVisitor();

                    // Set our isPreview flag and handle any disabled embedded campaign locations
                    isPreview = checkForPreview();
                    if ( isPreview ) {
                        var matchingDisabledCampaignLocations = checkDisabledCampaignLocations;
                        if ( matchingDisabledCampaignLocations.length > 0 ) {
                            createHiddenCampaignsStyles( matchingDisabledCampaignLocations, isPreview);
                        }
                    }

                    // Process the campaigns
                    activeCampaigns = checkLocations( settings.campaigns );

                    // Now, add the stylesheet to hide content in the campaign divs
                    createHiddenCampaignsStyles( activeCampaigns, isPreview);

                    // Set up our DOM Ready listener
                    onDOMReady( end() );

                    // Check the dependencies before loading
                    if( !dependencies ) {

                        // Call the load method with all the data passed
                        // window._gsc.r is our JSONP callback so we know when the script is loaded
                        load( apiRoot + '/serving', buildQuery( settings, visitor ), 'serving', handleServingApiError );

                        isInitialRequestSent = true;

                    } else {

                        // Start the timer
                        dependenciesTimer = window.setInterval(function() {

                            var dependenciesReady = 0;

                            for( var i = 0; i < dependencies.length; i++ ) {

                                // Check the dependency
                                if( (typeof dependencies[i].test === 'function' && dependencies[i].test()) || dependencies[i].ready ) {
                                    dependencies[i].ready = true;
                                    dependenciesReady++;
                                    continue;
                                }

                            }

                            // Check if the count matches and then proceed
                            if( dependenciesReady === dependencies.length ) {

                                // Kill the interval and load
                                window.clearInterval( dependenciesTimer );
                                load( apiRoot + '/serving', buildQuery( settings, visitor ), 'serving', handleServingApiError );

                                isInitialRequestSent = true;

                            }

                        }, 10);

                    }

                    // Hookup delegate click event for gsc-track
                    delegatedGSCTrackClick();

                    // Run our initialized event functions if provided after our _gsc object is returned
                    // by using setTimeout
                    window.setTimeout( processInitializedEvents, 0 );
                },

                // Used in an SPA or anything with client side routing
                subsequentInit = function() {
                    // Reset some of our variables to allow proper re-initialization
                    isInitialRequestSent = false;
                    settings.campaigns = originalCampaigns;
                    activeCampaigns = null;
                    response = null;
                    campaigns = null;
                    visitor = {};
                    isInitialRequestSent = false;
                    isDomReady = false;
                    isComplete = false;
                    isImpressionTracked = false;
                    noImpressionsToTrack = false;
                    apiInfo = null;
                    scrollCampaigns = [];
                    isFallbackEnabled = false;
                    fallbackReason = '';
                    servingTime = 0;
                    now = Math.round( ( new Date() ).getTime() / 1000 );

                    /**
                     * Remove all of our previous event listeners to track actions,
                     * and instantiate a new instance to make sure all actions have
                     * thier locations and config verified against the new route.
                     */
                    if ( _gsc.settings.actions ) {
                        actionsManager.publicAPI.removeActionEvents();
                        settings.actions.done = false;
                        _gsc.actions = null;
                        actionsManager = new ActionsManager( settings, track );
                        _gsc.actions = actionsManager.publicAPI;
                    }

                    processVisitor();

                    // Process the campaigns
                    activeCampaigns = checkLocations( settings.campaigns );

                    // Set our isPreview flag and handle any disabled embedded campaign locations
                    isPreview = checkForPreview();
                    if ( isPreview ) {
                        var matchingDisabledCampaignLocations = checkDisabledCampaignLocations;
                        if ( matchingDisabledCampaignLocations.length > 0 ) {
                            createHiddenCampaignsStyles( matchingDisabledCampaignLocations, isPreview);
                        }
                    }

                    // Now, add the stylesheet to hide content in the campaign divs
                    createHiddenCampaignsStyles( activeCampaigns, isPreview);

                    // Set up our DOM Ready listener
                    onDOMReady( end() );

                    // All dependencies would have loaded on the first run of init(), so call load() without waiting
                    load( apiRoot + '/serving', buildQuery( settings, visitor ), 'serving', handleServingApiError );
                    isInitialRequestSent = true;

                    processInitializedEvents( true );
                },

                /**
                 * Set an interval check for path or hash changes based on the passed in
                 * routerMode to trigger a call of subsequentInit when the route changes
                 * via client side routing.
                 * @param  {string} routerMode 'history' or 'hash'
                 */
                initClientSideRouteCheck = function( routerMode ) {
                    if ( routerMode === 'history' ) {
                        var prevPath = window.location.pathname;
                        window.setInterval( function() {
                            if ( prevPath !== window.location.pathname ) {
                                prevPath = window.location.pathname;
                                subsequentInit();
                            }
                        }, 50 );
                    } else if ( routerMode === 'hash' ) {
                        var prevHash = window.location.hash;
                        window.setInterval( function() {
                            if ( prevHash !== window.location.hash ) {
                                prevHash = window.location.hash;
                                subsequentInit();
                            }
                        }, 50 );
                    }
                },

                // Replaces the array push method
                // Used to call functions within the GSC object
                push = function() {

                    var option, i, j;

                    if( !settings ) {
                        // Start our new settings object
                        settings = {
                            engagements: [],
                            events: {},
                            layers: {},
                            overrides: {}
                        };
                    }

                    // Loop through arguments passed
                    for( i = 0; i < arguments.length; i++ ) {

                        option = arguments[i];

                        switch( option[0] ) {
                            /**
                             * If a client is using a SPA or client side routing using the History API or hash mode
                             * we need to call subsequentInit anytime the path or hash changes respectively. Otherwise
                             * init() will only be called on the first load of their site and no campaigns, actions, or
                             * tracking will function after that.
                             */
                            case '_enableInitOnClientSideRouteChange':
                                /**
                                 * option[1] will be 'history' or 'hash' based on the client's routing library's
                                 * configured mode
                                 */
                                initClientSideRouteCheck( option[1] );
                                break;
                            // Currently this is only set if a website has configured a segment
                            // that is based on a certain cookie being present
                            case '_requiredCookies':
                                settings.requiredCookies = option[1];
                                break;
                            case '_setApiRoot':
                                apiRoot = option[1];
                                break;
                            case '_setCCPAConsent':
                                // option[1] should be true or false
                                settings.CCPAConsent = option[1] === true ? 'consented' : false;
                                break;
                            case '_setGDPRConsent':
                                // option[1] should be true or false
                                settings.GDPRConsent = option[1] === true ? 'consented' : false;
                                break;
                            case '_setWebsite':
                                settings.websiteId = option[1];
                                break;
                            case '_revisionId':
                                revisionId = option[1];
                                settings.revisionId = option[1];
                                break;
                            case '_setSegments':
                                settings.segments = settings.segments || {};
                                if( settings.segments[option[1]] ) {
                                    settings.segments[option[1]].concat( option[2] );
                                } else {
                                    settings.segments[option[1]] = option[2];
                                }
                                break;
                            case '_setCampaigns':
                                settings.campaigns = option[1];
                                originalCampaigns = option[1];
                                break;
                            case '_setCookie':
                                var name = option[1];
                                var value = option[2];
                                var expires = option[3];
                                // 'days' (default if not provided) or 'minutes'
                                var unit = option[4];
                                cookie.set( name, value, expires, unit );
                                break;
                            case '_setDebug':
                                settings.isDebug = option[1];
                                break;
                            case '_setLocation':
                                settings.overrides.location = option[1];
                                break;
                            case '_setReferrer':
                                settings.overrides.referrer = option[1];
                                break;
                            case '_setFallbackTime':
                                fallbackTime = option[1];
                                break;
                            case '_setActions':
                                settings.actions = option[1];
                                break;
                            case '_setWebsiteCSS':
                                settings.siteCSS ? settings.siteCSS += option[1] : settings.siteCSS = option[1];
                                editStylesheet( option[1], '#gsc-css-' + settings.websiteId );
                                break;
                            case '_showCampaign':
                                var campaignPublicId = option[1];
                                manuallyDisplayCampaign( campaignPublicId );
                                break;
                            case '_test':
                                settings.testParams = option[1];
                                break;
                            case '_setGATracker':
                                settings.gaTracker = option[1];
                                break;
                            case '_trackEngagement':
                                settings.engagements.push( option[1] );
                                if( isInitialRequestSent ) {
                                    track( 'e', { engagement: option[1] } );
                                }
                                break;
                            case '_addEventListener':
                                /**
                                 * option[1] string   'complete' or 'initialized'
                                 * option[2] function
                                 * option[3] boolean  optional for 'initialized' if you want to
                                 *                    run on subsequentInit() calls and also
                                 *                    pushed _enableInitOnClientSideRouteChange
                                 */

                                if( !settings.events[option[1]] ) {
                                    settings.events[option[1]] = [];
                                }

                                // Store our 'complete' or 'initialized' events as needed, and run
                                // immediately based on each respective flag
                                switch ( option[1] ) {
                                    case 'complete':
                                        settings.events[option[1]].push( option[2] );
                                        if ( isComplete ) {
                                            processCompleteEvents();
                                        }
                                        break;
                                    case 'initialized':
                                        settings.events[option[1]].push({
                                            fn: option[2],
                                            reInitForSpa: option[3],
                                            completed: false
                                        });
                                        if ( isInitialized ) {
                                            processInitializedEvents();
                                        }
                                        break;
                                    default:
                                        settings.events[option[1]].push( option[2] );
                                }

                                break;
                            case '_addDataLayer':
                                settings.layers[option[1]] = {};
                                var dlProps = String( option[2] ).split( ',' );
                                for( j = 0; j < dlProps.length; j++ ) {
                                    settings.layers[option[1]][dlProps[j]] = '';
                                }
                                break;
                            case '_addCustomDataSet':
                                settings.dataSets = settings.dataSets || [];
                                settings.dataSets.push({
                                    cookie: option[1],
                                    key: option[2]
                                });
                                break;
                            case '_addAnalytics':
                                settings.analytics = settings.analytics || [];
                                settings.analytics.push({
                                    track: option[1],                             // The actual method to call
                                    options: (option.length > 2 ? option[2] : {}) // The custom configuration
                                });
                                break;
                            case '_addDependency':
                                // The only requirement of a dependency is a test() method
                                // to set the ready property and indicate serving can continue
                                if( typeof option[1] === 'object' && option[1].test && typeof option[1].test === 'function' ) {
                                    addDependency( option[1] );
                                }
                                break;
                            case '_disableCampaign':
                                settings.disabledCampaigns = settings.disabledCampaigns || [];
                                settings.disabledCampaigns.push( option[1] );
                                break;
                            // TODO: Create _addConnection method that creates a generic and flexible way to
                            // handle any connections with specific needs on serving.
                            // This will allow us to remove the _setBlueKaiEnabled and _setEloquaEnabled methods.
                            //
                            // _addConnection:
                            //     option[2] = Connection Name
                            //     option[3] = { ... } // Settings object TBD
                            //
                            case '_setBlueKaiEnabled':
                                settings.bluekai = {enabled: true};

                                // If the embedjs or img urls are provided, handle the dependencies
                                if( option.length === 3 && option[2] ) {

                                    // Check for the main embed js
                                    if( option[2].js_url ) {
                                        settings.bluekai.embedJs = true;
                                        settings.bluekai.embedJsUrl = option[2].js_url;

                                        // Load the script
                                        load( option[2].js_url );

                                        // Add to dependencies
                                        addDependency({
                                            name:'bluekai',
                                            ready: false,
                                            test: function(){ return typeof window.bk_results !== 'undefined'; }
                                        });
                                    }

                                    // Check for the id swap url
                                    if( option[2].img_url ) {
                                        settings.bluekai.enableIdSwap = true;
                                        settings.bluekai.imgUrl = option[2].img_url;
                                    }

                                }

                                break;
                            case '_setEloquaEnabled':

                                // Set eloqua endpoint
                                var endpoint = 'eloqua';

                                settings[endpoint] = {
                                    enabled: true,
                                    endpoint: endpoint,
                                    sendGUID: function( guid ) {

                                        // Send the data to the server
                                        sendConnectionData( endpoint, 'addGUIDForVisitor', { guid: guid } );

                                    }
                                };

                                // Start polling the page for an Eloqua GUID
                                poll(
                                    function() {
                                        return typeof window['GetElqCustomerGUID'] === 'function';
                                    },
                                    function() {
                                        // The function was found so send the id
                                        settings[endpoint].sendGUID( window['GetElqCustomerGUID']() );
                                    },
                                    function() {
                                        // GUID not found in time
                                    },
                                    5000 // wait 5 seconds
                                );

                                break;
                            case '_setBomboraEnabled':
                                settings.bombora = {
                                    enabled: true,
                                    sendVisitorData: function( data ) {
                                        if ( !JSON || typeof JSON.stringify !== 'function' ) {
                                            return false;
                                        }

                                        sendConnectionData( 'bombora', 'addVisitorData', { data: JSON.stringify( data ) } );
                                    }
                                };

                                if( option.length === 3 && option[2] ) {

                                    // See if we need to add the JS ourselves
                                    if( option[2].html && option[2].html !== '' ) {

                                        // Set up a poll to execute as soon as the <body> tag is available
                                        poll(
                                            function() {
                                                return document.getElementsByTagName( 'body' )[0];
                                            },
                                            function() {
                                                // Add the container div to the top of the body
                                                var div = document.createElement( 'DIV' );
                                                div.id = 'gsc-bombora';
                                                html( document.getElementsByTagName( 'body' )[0].firstChild, div, 'b' );

                                                // Now insert the bombora code which is a mix of scripts and iframes
                                                html( document.getElementById( 'gsc-bombora' ), option[2].html );
                                            },
                                            function() {
                                                // <body> not found in time
                                            },
                                            2000 // wait 2 seconds
                                        );

                                    }

                                    // Determine if we are sending the data synchronously or asynchronously
                                    // If async is false, we will add a serving dependency so the /serving call is
                                    // not made until the Bombora data is available
                                    if( !option[2].send_data_async || option[2].send_data_async === false ) {
                                        // Add to dependencies
                                        addDependency({
                                            name: 'bombora',
                                            ready: false,
                                            test: function(){ return typeof window._ml !== 'undefined' && typeof window._ml.us !== 'undefined'; }
                                        });
                                    } else {
                                        // Set up a poll to execute as soon as the <body> tag is available
                                        poll(
                                            function() {
                                                return typeof window._ml !== 'undefined' && typeof window._ml.us !== 'undefined';
                                            },
                                            function() {
                                                settings.bombora.sendVisitorData( window._ml.us );
                                            },
                                            function() {
                                                // <body> not found in time
                                            },
                                            5000 // wait 5 seconds
                                        );
                                    } // End send_data_async option

                                } // End if( option.length === 3 )

                                break; // end _setBomboraEnabled
                            case '_setMarketoEnabled':
                                settings.marketo = {
                                    enabled: true,
                                    sendId: function( cookieId ) {
                                        var url = apiRoot + '/connections/marketo',
                                            params = {
                                                website_public_id: settings.websiteId,
                                                method: 'addLeadIdForVisitor',
                                                visitor_id: ( visitor && visitor.id ? visitor.id : cookie.get('gsci') ),
                                                marketo_cookie: cookieId
                                            },
                                            query = '',
                                            img, k;

                                        for( k in params )
                                            query += k + '=' + encodeURIComponent( params[k] ) + '&';

                                        // Create the request with an img
                                        img = doc.createElement( 'img' );
                                        img.setAttribute( 'src', url + '?' + query );
                                    }
                                };

                                // Start polling the page for the Marketo cookie.
                                // This is usually available right away
                                poll(
                                    function() {
                                        var cookieId = cookie.get( '_mkto_trk' );
                                        return cookieId && cookieId !== '';
                                    },
                                    function() {
                                        // The cookie id was found so now let's check if it matches the cookie id
                                        // we have already sent. If not, go ahead and send it.
                                        var cookieId = cookie.get( '_mkto_trk' );
                                        var existingCookieId = cookie.get( 'gsc_mkto_trk' );

                                        if( !existingCookieId || cookieId != existingCookieId ) {
                                            settings.marketo.sendId( cookieId );
                                        }

                                        // (Re)set the cookie for future checks
                                        cookie.set( 'gsc_mkto_trk', cookieId, 30 );
                                    },
                                    function() {
                                        // Cookie id not found in time
                                    },
                                    5000 // wait 5 seconds
                                );

                                break;
                            case '_setTealiumAudienceStreamEnabled':
                                settings.tealium = {
                                    enabled: true,
                                    getAttributes: function() {
                                        // Dynamic Return Object
                                        var returnData = {
                                            audiences : [],
                                            badges    : []
                                        };

                                        // Init
                                        var data = JSON.parse( localStorage.getItem( 'tealium_va' ) ),
                                            attr = [ 'audiences', 'badges' ];

                                        // Scan each object in the Tealium data
                                        for ( var object in data ) {
                                            // Attribute we want to collect?
                                            if ( attr.indexOf( object ) !== -1 ) {
                                                // Add each item in our attribute object to the return object
                                                for ( var item in data[object] )
                                                    returnData[object].push( item );
                                            }
                                        }
                                        return returnData;
                                    }
                                };

                                // Handle tealium dependency
                                if( option.length === 3 && option[1] ) {

                                    // Tealium function for dependencies
                                    var testTealiumFn = function(){ return visitor.hasOwnProperty( 'tealium' ); };

                                    // Add to dependencies
                                    addDependency({
                                        name:'tealium',
                                        ready: false,
                                        test: testTealiumFn
                                    });

                                    // Start polling the page for Tealium data
                                    poll(
                                        function() {
                                            try {
                                                return ( typeof( Storage ) !== 'undefined' && localStorage.getItem( 'tealium_va' ) );
                                            }
                                            catch( error ) {
                                                return false;
                                            }
                                        },
                                        function() {
                                            visitor.tealium = settings.tealium.getAttributes();
                                        },
                                        function() {
                                            visitor.tealium = { message: 'Error loading Tealium data.' };
                                        },
                                        100 // wait half 1/10 of a second
                                    );

                                }

                                break;
                        } // End option[0] switch

                    } // End arguments loop

                },

                parse = function( config, i ) {

                    // Start our new settings object
                    settings = {
                        engagements: [],
                        events: {},
                        layers: {},
                        overrides: {}
                    };

                    // Loop through the initial array to clean up
                    for( i = 0; i < config.length; i++ ) {
                        push( config[i] );
                    }

                },

                addDependency = function( dependency ) {
                    dependencies = dependencies || [];
                    dependencies.push( dependency );
                },

                // Retrieves the visitors cookies and processes them into the visitor object
                processVisitor = function() {
                    log( 'Process Visitor Cookies' );

                    // Get the gscs and gscv cookies to process the visit/session
                    var existingSessionCookie = cookie.get( 'gscs' ),
                        existingVisitorCookie = cookie.get( 'gscv' ),
                        visitorCookieValues,
                        sessionCookieValues;

                    // COOKIE DETAILS:
                    // Name: gscv
                    //     - Values: [initial visit][previous visit][current visit][total visits]
                    //     - Expires: 2 years
                    // Name: gscs
                    //     - Values: [previous visit][current visit][last hit]
                    //     - Expires: Session

                    // Set the visitor cookie values based on whether the cookie exists or not
                    visitorCookieValues = !existingVisitorCookie
                        ? [now, now, now, 0]  // New Visitor
                        : existingVisitorCookie.split( '.' );

                    // Now, check session cookies
                    if( !existingSessionCookie ) {
                        log( '--> New Session' );
                        // Set New Session/Visit
                        // And update the visitor cookie values to shift the previous and current
                        sessionCookieValues = [visitorCookieValues[1], now, now];
                        visitorCookieValues = [visitorCookieValues[0], visitorCookieValues[2], now, +visitorCookieValues[3] + 1];
                    } else {
                        sessionCookieValues = existingSessionCookie.split( '.' );

                        // Check the most recent hit on the cookie
                        // If greater than 30min ago, start a new session and increment visit count
                        if( sessionCookieValues.length < 3 || isOlderThanXMinutesAgo( +sessionCookieValues[2], 30 ) ) {
                            log( '--> New Session' );
                            sessionCookieValues = [visitorCookieValues[1], now, now];
                            visitorCookieValues = [visitorCookieValues[0], visitorCookieValues[2], now, +visitorCookieValues[3] + 1];
                        } else {
                            log( '--> Existing Session' );
                            // Just update the last hit timestamp
                            sessionCookieValues[2] = now;
                        }
                    }

                    // Set the cookies with the appropriate values and expiration
                    cookie.set( 'gscs', sessionCookieValues.join( '.' ) );
                    cookie.set( 'gscv', visitorCookieValues.join( '.' ), 730 );

                    // Create the visitor object
                    visitor.id = getVisitorId();
                    visitor.session = visitor.id + '.' + visitorCookieValues[2];
                    visitor.visit = visitorCookieValues.join( '.' );
                    visitor.initialVisit = visitorCookieValues[0];
                    visitor.previousVisit = visitorCookieValues[1];
                    visitor.currentVisit = visitorCookieValues[2];
                    visitor.totalVisits = +visitorCookieValues[3];
                },

                isOlderThanXMinutesAgo = function( timestamp, minutes ) {
                    return (now - timestamp) > (minutes * 60);
                },

                // Used to build our query/date for the json call
                buildQuery = function( settings, visitor, data ) {

                    var i, j;

                    // Build our list of campaign public IDs
                    var campaignIds = [];
                    for( i = 0; i < activeCampaigns.length; i++ )
                        campaignIds.push( activeCampaigns[i].public_id );

                    // Basic return
                    data = {
                        tm: now,
                        rv: revisionId,
                        i: visitor.id,                     // Visitor Id
                        loc: window.location.href,         // current full url
                        w: settings.websiteId,             // Website Id
                        c: campaignIds.join(','),          // Campaign Public Ids
                        v: visitor.visit,                  // Visit Cookie -- Last Visit, Visit Count, etc
                        s: visitor.session,                // Session Id
                        d: getViewportSize().join( ',' ),  // Retrieves the screen width and height ('w,d')
                        ab: abTests.get(),                 // Retrieves any ab test variations saved in the session cookie
                        r: (settings.overrides.referrer ? settings.overrides.referrer : doc.referrer),  // Referrer
                        'm.eg': cookie.get( 'ELOQUA' ).replace( 'GUID=', '' ),  // Visitor Meta - Eloqua Id
                        lvc: limitedViewManager.generateCampaignsRequestValue(), // limited view campaigns that need to be suppressed
                        lvcr: limitedViewManager.generateRulesRequestValue() // limited view campaign rules that need to be suppressed
                        // g: serveId,                     --> DEPRECATED: This will now be generated by the backend
                    };

                    // If website has requiredCookies based on segment configuration
                    // check for those in current session and pass in "k" parameter
                    // in key/value list delimited by ';'
                    var foundRequiredCookies = '';
                    if ( settings.requiredCookies && settings.requiredCookies.length > 0 ) {
                        for ( i = 0; i < settings.requiredCookies.length; i++ ) {
                            var currentCookieVal = cookie.get( settings.requiredCookies[i] );
                            if ( currentCookieVal ) {
                                foundRequiredCookies += settings.requiredCookies[i] + '=' + currentCookieVal + '|';
                            }
                        }
                    }
                    if ( foundRequiredCookies ) {
                        data.k = foundRequiredCookies;
                    }

                    // Visitor has consented to see personalized content per GDPR law
                    if ( settings.GDPRConsent && settings.GDPRConsent === 'consented' ) {
                        data.gdpr_consent = settings.GDPRConsent;
                    }

                    // Visitor has consented to see personalized content per CCPA law
                    if ( settings.CCPAConsent && settings.CCPAConsent === 'consented' ) {
                        data.ccpa_consent = settings.CCPAConsent;
                    }

                    // Check if the location needs to be overridden
                    if( settings.overrides.location )
                        data.loc = settings.overrides.location;

                    // Check for connections that we need to send data for
                    if( settings.bluekai && settings.bluekai.enabled ) {

                        // We need to format the BlueKai data so we can send it safely to the server
                        // The format will be:
                        // campaignId_campaignBk_categoryId.categoryTimestamp,categoryId.categoryTimestamp,...
                        // Multiple campaigns will be separated by pipes
                        var bkData = '',
                            bkCampaign, bkCategory;

                        if( window.bk_results && window.bk_results.campaigns ) {
                            for( i = 0; i < window.bk_results.campaigns.length; i++ ) {
                                if( i > 0 ) bkData += '|';

                                bkCampaign = window.bk_results.campaigns[i];
                                bkData += bkCampaign.campaign + '_' + bkCampaign.bk + '_';

                                for( j = 0; j < bkCampaign.categories.length; j++ ) {
                                    if( j > 0 ) bkData += ',';
                                    bkCategory = bkCampaign.categories[j];
                                    bkData += bkCategory.categoryID + '.' + bkCategory.timestamp;
                                }
                            }

                            if( bkData ) data.bk = encodeURIComponent( bkData );
                        }
                    }

                    // Check for Bombora Data
                    if( settings.bombora && settings.bombora.enabled && window._ml && window._ml.us ) {
                        window._gsc.visitor.bombora = window._ml.us;
                        data.c_bm = JSON.stringify( window._ml.us );
                    }

                    // Tealium
                    if( settings.tealium && settings.tealium.enabled && _gsc.visitor.tealium ) {
                        data.c_tlm = JSON.stringify( _gsc.visitor.tealium );
                    }

                    // Set Woopra segments if the cookie is present
                    var woopraLabels = cookie.get('woopra_labels');
                    if( woopraLabels ) {
                        settings.segments = settings.segments || {};
                        settings.segments['woopra'] = JSON.parse( woopraLabels );
                    }

                    // Add custom data set information
                    if( settings.dataSets && settings.dataSets.length > 0 ) {
                        for( i = 0; i < settings.dataSets.length; i++ ) {

                            // The "x" property will hold data set info
                            data.x = data.x || {};

                            // Get the value from the cookie and assign to the correct property
                            data.x[settings.dataSets[i].key] = cookie.get( settings.dataSets[i].cookie );

                        }
                    }

                    // Add custom segments information
                    if( settings.segments ) {
                            // The "cs" property will hold segments set info
                            data.cs = data.cs || {};

                            // Get the value from the cookie and assign to the correct property
                            data.cs = JSON.stringify( settings.segments );

                    }

                    // Add data layer information
                    if( settings.layers ) {

                        // Loop through individual layers to append data
                        for( var layerName in settings.layers ) {

                            // Make sure the layer exists on the page
                            if( window[layerName] ) {

                                // Now loop through to compare and pull in the values
                                // we want from the on-page layer
                                for( var layerProp in settings.layers[layerName] ) {
                                    if( window[layerName][layerProp] ) {
                                        settings.layers[layerName][layerProp] = window[layerName][layerProp];
                                    }
                                }

                            }

                        } // End settings.layers loop

                        // stringify data layers
                        data.dl = JSON.stringify( settings.layers );

                    } // End if settings.layers

                    return data;

                },

                // Define our AJAX JSONP Helper
                load = function( url, data, mode, errorCallbackFn, loadedTestFn ) {

                    var src = url + ( url.indexOf( '?' ) + 1 ? '&' : '?' ), // The gateway URL
                        head = doc.getElementsByTagName( 'head' )[0], // <head></head>
                        script = doc.createElement( 'script' ), // Our script element to hold the loaded JS
                        params = [], // Data sent to the gateway
                        paramName = '';

                    // Loop through data to create key/value pairs
                    if( data ) {

                        for( paramName in data ) {
                            if( Object.prototype.toString.call( data[paramName] ) === '[object Object]' ) {
                                for( var objectProp in data[paramName] ) {
                                    params.push( paramName + '.' + objectProp + '=' + encodeURIComponent( data[paramName][objectProp] ) );
                                }
                            } else {
                                params.push( paramName + '=' + encodeURIComponent( data[paramName] ) );
                            }
                        }

                        // Create our formatted query string and append to URL
                        src += params.join( '&' );
                    }

                    // If this is the main serving call, start the fallbackTimer
                    if( mode && mode === 'serving' ) {
                        fallbackTimer = setTimeout( function() {

                            // Set the reason
                            fallbackReason = 'timeout';

                            // Show default content as a fallback
                            forceDefault();

                        }, fallbackTime );
                    }

                    // Set element properties and add error handlers
                    script.src = src;

                    // Set the error callback if supplied
                    if( errorCallbackFn && typeof errorCallbackFn === 'function' )
                        script.onerror = errorCallbackFn;

                    // IE8 will not handle 302 redirects gracefully like with the so
                    // we will check to see if it passes the test() for the dependency after it is 'loaded'
                    // and a small amound of time has passed otherwise call the errorCallbackFn so the dependencies
                    // check is not looping infintiely due to the test() never returning true in init()
                    if ( window.attachEvent && loadedTestFn ) {
                        script.onreadystatechange = function() {
                            if ( script.readyState === 'loaded' ) {
                                setTimeout( function() {
                                    if ( !loadedTestFn() ) {
                                        errorCallbackFn();
                                    }
                                }, 500);
                            }
                        };
                    }

                    // Add to the DOM
                    head.appendChild( script );

                },

                // Error handler for the main serving api call
                handleServingApiError = function() {

                    // Set the reason
                    fallbackReason = 'error';

                    // Show default content as a fallback
                    forceDefault();

                },

                // The ready function used when the JSON is done loading
                ready = function( data ) {

                    if( isFallbackEnabled )
                        return false;

                    log( 'Campaign Results Ready', data );
                    response = data;

                    // Stop the fallback timer
                    window.clearTimeout( fallbackTimer );
                    fallbackTimer = null;
                    isFallbackEnabled = false;

                    // Calculate the time it takes for serving to complete
                    servingTime = Math.round((new Date()).getTime()/1000) - now; // "now" was set at the beginning

                    // Save the visitor id and update session id
                    cookie.set( 'gsci', response.id, 730 );
                    visitor.id = response.id;
                    visitor.session = visitor.id + '.' + visitor.session.split('.')[1];

                    // Save the serve Id
                    serveId = data.serve_id;

                    // Save the IP Address
                    ipAddress = data.ip;

                    // Handle visitor data used in connections
                    handleVisitorConnections( visitor );

                    // Save the campaigns array
                    campaigns = data.campaigns;

                    // Save the connections array
                    connections = data.connections;

                    // Save geo data if provided
                    geo = data.geo;

                    // Add selectors with only matching locations already
                    // gathered during checkLocations prior to /serving call
                    copyValidSelectorsToCampaigns();

                    // Start scanning the page
                    scanningInterval = window.setInterval( scan, 100 );

                    // If the DOM is ready, run a single scan
                    // Otherwise, start the scanning interval
                    if( isDomReady ) {
                        startExtendedTimer();
                        log( 'Ready', 'Complete - DOM Already Loaded' );
                    }

                    if ( !!settings.actions && !settings.actions.done ) {
                        actionsManager.hookupActions();
                        settings.actions.done = true;
                    }

                },

                // This function is called when the DOM is ready
                end = function() {

                    log( 'End', 'DOM Ready' );

                    // Set the flag
                    isDomReady = true;

                    // If the scan interval is still running, stop it
                    if( scanningInterval ) {

                        // Begin our extended timer to keep scanning the page
                        startExtendedTimer();

                        log( 'DOM Ready', 'Complete - DOM Ready' );

                    }

                },

                forceDefault = function() {

                    // Stop the fallback timer
                    window.clearTimeout( fallbackTimer );
                    fallbackTimer = null;
                    isFallbackEnabled = true;

                    // Calculate the time it takes for serving to complete
                    servingTime = Math.round((new Date()).getTime()/1000) - now; // "now" was set at the beginning

                    // Assign the campaigns included in the JS to the campaigns property used by scan()
                    campaigns = activeCampaigns;

                    // Make sure the serve default property is set.
                    // The serving controller is typically responsible for this
                    for( var i = 0; i < campaigns.length; i++ ) {
                        campaigns[i].serve_default = true;
                    }

                    // Start scanning the page
                    if( !scanningInterval )
                        scanningInterval = window.setInterval( scan, 100 );

                    if( isDomReady ) {
                        startExtendedTimer();
                        log( 'Ready', 'Complete - DOM Already Loaded' );
                    }

                    if ( !!settings.actions && !settings.actions.done ) {
                        actionsManager.hookupActions();
                        settings.actions.done = true;
                    }

                },

                startExtendedTimer = function() {

                    log( 'Extended Timer', 'Start' );

                    extendedTimer = setTimeout( function() {

                        log( 'Extended Timer', 'Stop' );

                        // Now that the extended timer is done, clear the scanning interval if its still running
                        if( scanningInterval ) {
                            window.clearInterval( scanningInterval );
                            scanningInterval = null;

                            // Run the final scan
                            scan( true );
                        }

                    }, extendedScanTime );

                },

                // Only called from ready() after campaigns are returned to copy over
                // the valid selectors returned prior to /serving call for each matching
                // location on each campaign in activeCampaigns during checkLocations()
                copyValidSelectorsToCampaigns = function() {
                    if ( campaigns && campaigns.length > 0 ) {
                        for ( var i = 0; i < campaigns.length; i++ ) {
                            for ( var j = 0; j < activeCampaigns.length; j++ ) {
                                if ( activeCampaigns[j].public_id === campaigns[i].public_id ) {
                                    // each campaign should have a matching activeCampaign and at least one selector
                                    // as that is checked before activeCampaigns is returned from checkLocations()
                                    campaigns[i].selectors = activeCampaigns[j].selectors;
                                }
                            }
                        }
                    }
                },

                // Different browsers and devices return height differently.  Here is
                // jQuery's solution from their source code
                documentHeight = function () {
                    return Math.max(
                        document.documentElement.clientHeight,
                        document.body.scrollHeight,
                        document.documentElement.scrollHeight,
                        document.body.offsetHeight,
                        document.documentElement.offsetHeight
                    );
                },

                scrollTop = function() {
                    return (window.pageYOffset !== undefined) ?
                        window.pageYOffset :
                        (document.documentElement || document.body.parentNode || document.body).scrollTop;
                },

                // DOM Selector wrapper
                find = function( selector, element ) {

                    if( !selector ) return [];

                    // Fall back to the document if the element was not passed
                    if( !element ) element = doc;

                    // Create fallback
                    // if( !element.querySelector && Sizzle )
                    //     element.querySelector = Sizzle;

                    // Get the element
                    return element.querySelectorAll ? element.querySelectorAll( selector ) : [];

                },

                // Find .gsc-track element given a target element from a click event.
                // Currently, this is only used within delegatedGSCTrackClick().
                findGscTrackEl = function( target ) {
                    // check to see if target doesn't have gsc-track class, but it is a child
                    // element of an element with the gsc-track class
                    if ( !hasClass( target, 'gsc-track' ) ) {
                        var closestGscTrackEl = target.closest( '.gsc-track' );
                        if ( closestGscTrackEl ) {
                            target = closestGscTrackEl;
                        }
                    }

                    return hasClass( target, 'gsc-track' ) && !hasClass( target, 'gsc-track-click' ) ? target : false;

                },

                // This function will scan the DOM for selectors matching our campaigns
                scan = function( isFinalScan ) {

                    // Short reference for campaigns
                    // campaigns = campaigns;

                    // Keep track of total campaigns loaded
                    var totalCampaignsLoaded = 0,
                        api, element, i, j;

                    // Make sure the campaigns object exists
                    if( campaigns && campaigns.length > 0 ) {

                        // Loop through campaigns
                        for( i = 0; i < campaigns.length; i++ ) {

                            // log( 'Scan - Campaign -- ', campaigns[i] );

                            // Make sure the campaign is not already done
                            if( campaigns[i].done ) {
                                totalCampaignsLoaded++;
                                continue;
                            }

                            // Check for single view campaigns which also don't require selectors
                            // and may or may not have a cookie set to only show them once. Current types:
                            // - Modal  (type = 1)
                            // - Banner (type = 2)
                            // - Flyin  (type = 3)
                            if ( +campaigns[i].type === 1 || +campaigns[i].type === 2 || +campaigns[i].type === 3 ) {
                                if ( campaigns[i].rule_preview ) {
                                    // If this is a rule preivew of a non-embededded campaign check to make sure it's
                                    // location matches as it will always get past the next rule preview condition since
                                    // non-embedded campaigns don't have selectors.
                                    if ( !checkLocations( [campaigns[i]], true ).length ) {
                                        campaigns[i].done = true;
                                        totalCampaignsLoaded++;
                                        continue;
                                    }
                                }
                                // If the /serving response failed or timed out we need to check to see
                                // if the campaign is currently limited so that we don't show default
                                // content like we normally do for campaigns when forceDefault is called.
                                var fallbackReasons = [ 'error', 'timeout' ];
                                if ( indexOfItemInArray( fallbackReasons, fallbackReason ) !== -1 &&
                                    limitedViewManager.isCampaignLimited( campaigns[i].public_id ) ) {
                                    campaigns[i].done = true;
                                } else {
                                    displayNonEmbeddedCampaign( campaigns[i], displaySingleViewCampaign );
                                }
                                totalCampaignsLoaded++;
                                continue;
                            }

                            // For disabled embedded campaigns being previewed selectors will not be on the campaign object
                            // so we need to run through the locations from the /serving response just for this campaign
                            // and attach it if the location matched and there is one or more selectors.
                            if ( campaigns[i].rule_preview && campaigns[i].rule_preview.length && !campaigns[i].selectors ) {
                                var filteredCampaigns = checkLocations( [campaigns[i]], true );
                                if ( filteredCampaigns.length && filteredCampaigns[0].selectors ) {
                                    campaigns[i].selectors = filteredCampaigns[0].selectors;
                                }
                            }

                            // Make sure the campaign has selectors
                            if( !campaigns[i].selectors || campaigns[i].selectors.length === 0 ) {
                                campaigns[i].done = true;
                                totalCampaignsLoaded++;
                                continue;
                            }

                            // Loop through selectors
                            for( j = 0; j < campaigns[i].selectors.length; j++ ) {

                                // Search for the element in the DOM
                                element = find( campaigns[i].selectors[j] );

                                if( element && element.length > 0 && !campaigns[i].done ) {

                                    // If the results is an array, only use the first
                                    if( element.length && element.length > 0 ) element = element[0];

                                    // Add our API object
                                    api = addCampaignToAPI( campaigns[i] );

                                    // Only display campaign content if we have either rule content or default content
                                    // matching for the given visitor.  We will still track the campaign or rule in all
                                    // situations if the location and selector matched.
                                    if ( campaigns[i].action === 'serve_content' || Number(campaigns[i].rule_id) > 0 ) {
                                        var campaignContent = !campaigns[i].serve_default && campaigns[i].rule_code ? campaigns[i].rule_code : campaigns[i].default_code;
                                        if ( campaignContent ) {

                                            // Add the code
                                            html( element, campaignContent, 'i' );

                                            // Add the gsc-campaign class
                                            element.className += ' gsc-campaign gsc-campaign-'+campaigns[i].public_id;

                                            // Add the gsc-content class
                                            var contentPublicId = getContentPublicId( campaigns[i] );
                                            if ( contentPublicId && +campaigns[i].display_options.display_mode !== 2 ) {
                                                element.className += ' gsc-content-' + contentPublicId;
                                            }


                                            // Handle display mode specific items
                                            display( element, {
                                                campaignPublicId : campaigns[i].public_id,
                                                contentPublicId: contentPublicId,
                                                displayOptions   : campaigns[i].display_options,
                                                width            : campaigns[i].width,
                                                width_unit      : campaigns[i].width_unit || 'px',
                                                height           : campaigns[i].height,
                                                height_unit     : campaigns[i].height_unit || 'px',
                                                api              : api,
                                                serve            : campaigns[i].serve_default
                                            } );

                                            log( 'Display Content for Campaign', campaigns[i] );
                                        }
                                    }

                                    // Clear the temporary stylesheet.
                                    log( 'Disable stylesheet that was hiding campaign container' );
                                    disableStylesheet( 'gsc-css-hidden-campaign-' + campaigns[i].id );

                                    // Set the campaign to done so we skip it moving forward
                                    campaigns[i].done = true;
                                    totalCampaignsLoaded++;
                                }

                            } // end selectors loop

                            // Check for final scan and campaign not done yet
                            if( isFinalScan && !campaigns[i].done ) {
                                campaigns[i].done = true;
                                campaigns[i].selectorsNotFound = true;
                                totalCampaignsLoaded++;

                                // Clear the temporary stylesheet if campaign that wasn't found
                                // is an embedded campaign in case the user calls scanAfterLoad later.
                                log( 'Disable stylesheet that was hiding campaign container' );
                                disableStylesheet( 'gsc-css-hidden-campaign-' + campaigns[i].id );
                            }

                        } // End campaigns loop

                    } // End if(campaigns)

                    // If the total campaigns loaded === total campaigns, remove interval
                    if( (campaigns && totalCampaignsLoaded === campaigns.length) || !campaigns || campaigns.length === 0 ) {

                        if( isComplete )
                            return false;

                        isComplete = true;

                        // Handle the interval
                        if( scanningInterval ) {
                            window.clearInterval( scanningInterval );
                            scanningInterval = null;
                        }

                        if( extendedTimer ) {
                            window.clearTimeout( extendedTimer );
                            extendedTimer = null;
                        }

                        // Throw the oncomplete event
                        processCompleteEvents();

                        // Now that all campaigns are complete, send the impression events
                        var gscAPI = getAPI();
                        if( gscAPI.campaigns && gscAPI.campaigns.length > 0 && !isImpressionTracked ) {
                            track( 'i', gscAPI );
                            isImpressionTracked = true;
                        } else {
                            noImpressionsToTrack = true;
                        }

                        // Handle preview if necessary
                        if( isPreview && window._gsc.preview ) {
                            window._gsc.preview( settings.websiteId, campaigns );
                        }

                        // Update localStorage state for limited views
                        limitedViewManager.updateLocalStorageState();

                        log( 'Scan', 'All Campaigns Loaded!' );
                    }

                }, // end scan()

                scanAfterLoad = function() {
                    // Loop through selectors
                    var campaigns = getCampaigns();
                    for ( var i = 0; i < campaigns.length; i++ ) {
                        if ( campaigns[i].selectorsNotFound ) {
                            for( var j = 0; j < campaigns[i].selectors.length; j++ ) {

                                // Search for the element in the DOM
                                var element = find( campaigns[i].selectors[j] );

                                if( element && element.length > 0 ) {

                                    // make sure that this campaign can only be inserted/displayed
                                    // once per page load
                                    campaigns[i].selectorsNotFound = false;

                                    // If the results is an array, only use the first
                                    if( element.length && element.length > 0 ) element = element[0];

                                    // Check for default action = Do Nothing before adding code
                                    if ( !( campaigns[i].action === 'do_nothing' && campaigns[i].serve_default ) ) {
                                        // Determine if we are serving default or rule content
                                        var code = !campaigns[i].serve_default && campaigns[i].rule_code ? campaigns[i].rule_code : campaigns[i].default_code;

                                        // Add the code
                                        html( element, code, 'i' );

                                    }

                                    // Add the gsc-campaign class
                                    element.className += ' gsc-campaign gsc-campaign-'+campaigns[i].public_id;

                                    // Add the gsc-content class
                                    var contentPublicId = getContentPublicId( campaigns[i] );
                                    if ( contentPublicId && +campaigns[i].display_options.display_mode !== 2 ) {
                                        element.className += ' gsc-content-' + contentPublicId;
                                    }


                                    // Handle display mode specific items
                                    display( element, {
                                        campaignPublicId : campaigns[i].public_id,
                                        contentPublicId: contentPublicId,
                                        displayOptions   : campaigns[i].display_options,
                                        width            : campaigns[i].width,
                                        width_unit      : campaigns[i].width_unit || 'px',
                                        height           : campaigns[i].height,
                                        height_unit     : campaigns[i].height_unit || 'px',
                                        api              : campaigns[i],
                                        serve            : campaigns[i].serve_default
                                    } );

                                    log( 'Display Content for Campaign', campaigns[i] );

                                    // Clear the temporary stylesheet in case scanAfteLoad is called
                                    // before the final scan which would be dumb, but it will happen.
                                    log( 'Disable stylesheet that was hiding campaign container' );
                                    disableStylesheet( 'gsc-css-hidden-campaign-' + campaigns[i].id );

                                    // Check for preview, otherwise track the campaign impression
                                    if( !campaigns[i].rule_preview ){
                                        if ( !isImpressionTracked ) {
                                            addCampaignToAPI( campaigns[i] );
                                        } else {
                                            trackIndividualCampaign( campaigns[i] );
                                        }
                                    }
                                }
                            }
                        }
                    }
                },

                addCampaignToAPI = function( campaign ) {

                    // Make sure tracking info has been instantiated
                    apiInfo = apiInfo || {};
                    apiInfo.campaigns = apiInfo.campaigns || [];

                    var data = prepareCampaignObjForCampaignAPI( campaign );
                    data.content = prepareContentForCampaignAPI( campaign );

                    // If campaign CSS is configured add it so it can be added to page
                    if ( campaign.css ) {
                        data.css = campaign.css;
                    }

                    if ( campaign.meta &&
                        !!campaign.meta.javascript_enabled && campaign.meta.compiled_javascript_code ) {
                        data.js = campaign.meta.compiled_javascript_code;
                    }

                    apiInfo.campaigns.push( data );

                    return data;

                },

                prepareContentForCampaignAPI = function( campaign ) {
                    // Loop through content to add objects
                    var trackingCodes = campaign.serve_default ? campaign.default_tracking_code : campaign.rule_tracking_codes;
                    var data = [];

                    if( Object.prototype.toString.call( trackingCodes ) === '[object Array]' ) {

                        for( var i = 0; i < trackingCodes.length; i++ ) {
                            data.push({
                                id: trackingCodes[i].content_id,
                                publicId: trackingCodes[i].content_public_id,
                                name: trackingCodes[i].content_name,
                                code: trackingCodes[i].code
                            });
                        }

                    } else if( Object.prototype.toString.call( trackingCodes ) === '[object Object]' ) {
                        if( trackingCodes.content_id ) {
                            data.push({
                                id: trackingCodes.content_id,
                                publicId: trackingCodes.content_public_id,
                                name: trackingCodes.content_name,
                                code: trackingCodes.code
                            });
                        } else {

                            for( var publicId in trackingCodes ) {
                                data.push({
                                    id: trackingCodes[publicId].content_id,
                                    publicId: trackingCodes[publicId].content_public_id,
                                    name: trackingCodes[publicId].content_name,
                                    code: trackingCodes[publicId].code
                                });
                            }

                        }
                    }

                    return data;
                },

                prepareCampaignObjForCampaignAPI = function( campaign ) {
                    // Add the campaign and rule details
                    var data = {
                        campaignId: campaign.id,
                        campaignPublicId: campaign.public_id,
                        campaignName: campaign.name,
                        ruleId: (campaign.rule_id ? campaign.rule_id : 0),
                        rulePublicId: (campaign.rule_public_id ? campaign.rule_public_id : 0),
                        ruleName: (campaign.rule_name ? campaign.rule_name : 'Default'),
                        segmentId: (campaign.segment_id ? campaign.segment_id : 0),
                        segmentPublicId: (campaign.segment_public_id ? campaign.segment_public_id : 0),
                        segmentName: (campaign.segment_name ? campaign.segment_name : 'Default'),
                        content: [],
                        displayMode: +campaign.display_options.display_mode
                    };

                    return data;
                },

                processCompleteEvents = function() {

                    if( settings.events && settings.events.complete ) {
                        for( var i = 0; i < settings.events.complete.length; i++ ){
                            if( typeof settings.events.complete[i] === 'function' )
                                settings.events.complete[i]( getAPI() );
                            else if( typeof settings.events.complete[i] === 'string' )
                                window[settings.events.complete[i]]( getAPI() );

                            delete settings.events.complete[i];
                        }
                    }

                }, // end processCompleteEvents()

                /**
                 * For any 'initialized' events added via the '_addEventListener' push option
                 * we will process those after init() and the _gsc object has been returned, and
                 * also possibly at the end of subsequentInit() depending if each is configured to
                 * be executed repeatedly.
                 * @param  {boolean} reInitForSpa set to true when calling from subsequentInit()
                 */
                processInitializedEvents = function( reInitForSpa ) {
                    if ( !isInitialized ) {
                        isInitialized = true;
                    }

                    if( settings.events && settings.events.initialized ) {
                        for( var i = 0; i < settings.events.initialized.length; i++ ){
                            if ( typeof settings.events.initialized[i].fn === 'function' ) {
                                // Only call each function on init() unless the user specified to also run on reInit
                                // which is enabled for SPA via the '_enableInitOnClientSideRouteChange' push option
                                if ( reInitForSpa && settings.events.initialized[i].reInitForSpa ) {
                                    // The completed flag is not as important now, but we
                                    // will keep it in the correct state in case someone
                                    // is inspecting it.
                                    settings.events.initialized[i].completed = false;
                                    settings.events.initialized[i].fn();
                                    settings.events.initialized[i].completed = true;
                                } else if ( !settings.events.initialized[i].completed ) {
                                    settings.events.initialized[i].fn();
                                    settings.events.initialized[i].completed = true;
                                }
                            }
                        }
                    }
                },

                // For campaigns with scroll trigger we will check to see if we have not already triggered it
                // to display the campaign once the scroll threshold has been exceeded
                checkScrollCampaigns = function( triggerCallbackFn ) {
                    if ( scrollCampaigns.length > 0 ) {
                        for ( var i = 0; i < scrollCampaigns.length; i++ ) {
                            var threshold = scrollCampaignThreshold( scrollCampaigns[i] );
                            if ( scrollTop() >= threshold ) {
                                triggerCallbackFn( scrollCampaigns[i], true );
                                scrollCampaigns.splice( i, 1 );
                            }
                        }
                    }
                },

                // Determine the scroll threshold from the top of the page that should be returned
                // to used relative to the user's vertical scroll position on the page.  It will look at the unit, px or %,
                // as well as the orientation, from top or bottom, and default to px and bottom if those are
                // not set as they were added later (Feb 2017).
                scrollCampaignThreshold = function( campaign ) {
                    var distance = campaign.display_options.trigger_scroll_distance;
                    var unit = campaign.display_options.trigger_scroll_distance_unit || 'px';
                    var orientation = campaign.display_options.trigger_scroll_distance_orientation || 'bottom';
                    var docHeight = documentHeight() - document.documentElement.clientHeight;
                    var threshold = distance;

                    // If it is a percentage scroll distance we need to convert to a px value to compare
                    // it to the height of the page and find the threshold
                    if ( unit === '%' ) {
                        threshold = docHeight * distance / 100;
                    }

                    // If orientation is from the bottom we need to subtract the threshold from the document
                    // height so that it is relative to the bottom of the page, otherwise leave it relative
                    // to the top.
                    if ( orientation === 'bottom' ) {
                        threshold = docHeight - threshold;
                    }

                    return threshold;
                },

                // Handle display mode specific items for campaigns with a selector
                display = function( element, options ) {

                    if( element.length > 0 ) element = element[0];

                    // Handle the different display modes
                    switch( Number(options.displayOptions.display_mode) ) {

                        case 0: // Do nothing
                            break;
                        case 2: // Slideshow
                            var slideshowHeight = '';
                            var slideshowWidth = '';
                            if ( options.width_unit === 'auto' ) {
                                slideshowWidth = 'width:' + options.width_unit + ';';
                            } else if ( +options.width > 0 ) {
                                slideshowWidth = 'width:' +  options.width + options.width_unit + ';';
                            }
                            if ( options.height_unit === 'auto' ) {
                                slideshowHeight = 'height:' + options.height_unit + ';';
                            } else if ( +options.height > 0 ) {
                                slideshowHeight = 'height:' + options.height + options.height_unit + ';';
                            }

                            if ( slideshowHeight || slideshowWidth ) {
                                var dynamicSlideshowCSS = '.gsc-campaign-'+options.campaignPublicId+' .gsc-slideshow{' + slideshowHeight + slideshowWidth + '}';
                                editStylesheet( dynamicSlideshowCSS, '#gsc-css-' + settings.websiteId );
                            }
                            new _gsc.Slideshow( find( '.gsc-slideshow', element ), options );
                            break;
                        case 3: // AB Tests
                            // Check for the persistence setting
                            if( options.displayOptions.ab_persist && Number( options.displayOptions.ab_persist ) === 1 ) {
                                // Save the rule and public id to a cookie
                                abTests.save( options.api );
                            } else {
                                // check to see if it was previously set and stored in gscab cookie, and if so
                                // remove it so that other variations can now show
                                var persistedVariations = abTests.get();
                                if ( persistedVariations ) {
                                    if ( abTests.checkForRule( options.api.rulePublicId ) ) {
                                        abTests.remove( options.api );
                                    }
                                }
                            }
                            break;

                    } // end switch

                    // Add campaign CSS last if configured
                    if ( options.api.css ) {
                        editStylesheet( options.api.css, '#gsc-css-' + settings.websiteId );
                    }

                    // Add campaign JS last if configured
                    if ( options.api.js ) {
                        insertJSInElement( options.api.js, element );
                    }

                    // Set the element to visible since we have it hidden with our CSS
                    element.style.visibility = 'visible';
                    //if( Number(options.width) > 0 && Number(options.height) > 0 ) {
                    if ( options.width_unit === 'auto' ) {
                        element.style.width = options.width_unit;
                    } else if ( +options.width > 0 ) {
                        element.style.width = options.width + options.width_unit;
                    }
                    if ( options.height_unit === 'auto' ) {
                        element.style.height = options.height_unit;
                    } else if ( +options.height > 0 ) {
                        element.style.height = options.height + options.height_unit;
                    }
                },

                isTriggeredCampaign = function( campaign ) {
                    var triggerId = Number( campaign.display_options.trigger );
                    return triggerId === 11 || triggerId == 21;
                },

                /**
                 * Adds a mouseleave event to show a campaign when triggered with the y position less than 20px
                 * from the top of the document frame. We will assume the user is trying to get to the browser
                 * controls to leave.
                 * @param  {Function} callback displaySingleViewCampaign using the current campaign
                 */
                initExitIntentCheck = function( callback ) {
                    var handleMouseLeave = function( event ) {
                        // 20px from the top is our sensitivity
                        // @see https://github.com/carlsednaoui/ouibounce/blob/master/source/ouibounce.js#L41
                        if ( event.clientY < 20 ) {
                            callback();
                            removeEvent( document.documentElement, 'mouseleave', mouseLeaveListener.handler );
                        }
                    };
                    var mouseLeaveListener = initEventListener({
                        element: document.documentElement,
                        type: 'mouseleave',
                        callback: handleMouseLeave
                    });
                },

                // Handle display of non-embedded campaigns that don't use a selector
                displayNonEmbeddedCampaign = function( campaign, triggerCallbackFn ) {
                    if ( campaign.meta && campaign.display_options.trigger ) {
                        switch ( +campaign.display_options.trigger ) {
                            case 11:
                                setTimeout( function() {
                                    triggerCallbackFn( campaign, true );
                                }, +campaign.display_options.trigger_delay );
                                break;
                            case 21:
                                // add scroll event listener
                                scrollCampaigns.push( campaign );
                                initEventListener({
                                    element: window,
                                    type: 'scroll',
                                    callback: function() {
                                        checkScrollCampaigns( triggerCallbackFn );
                                    }
                                });
                                // In case the document content is shorter than window,
                                // and vertically scrolling is disabled we should trigger valid
                                // scroll campaigns without the user scrolling.
                                checkScrollCampaigns( triggerCallbackFn );
                                break;
                            case 31:
                                // don't display manual trigger campaigns; call displaySingleViewCampaign separately.
                                break;
                            case 41:
                                // exit intent
                                initExitIntentCheck( function() {
                                    triggerCallbackFn( campaign, true );
                                });
                                break;
                            default:
                                // 1 or nothing means it should be displayed normally, instant
                                triggerCallbackFn( campaign );
                        }
                    } else {
                        // Backwards compatible for records created before campaign triggers
                        // were introduced.  We have a normal "instant" call to triggerCallbackFn
                        // like in the switch statement above
                        triggerCallbackFn( campaign );
                    }

                    campaign.done = true;
                },

                // Display a single view campaign which may or may not have a cookie enable to only show the campaign once
                // Currently this applies to modal (type = 1), banner (type = 2), and fly-in campaigns (type = 3)
                displaySingleViewCampaign = function( campaign, indivTrack ) {
                    // Make sure the campaign is not manually disabled
                    // Typically used to prevent multiple non-embedded campaigns from showing on the same page
                    if( settings.disabledCampaigns && settings.disabledCampaigns.length ) {
                        for( var i = 0; i < settings.disabledCampaigns.length; i++ ) {
                            if( settings.disabledCampaigns[i] === campaign.public_id ) {
                                return false;
                            }
                        }
                    }

                    if ( campaign.action === 'serve_content' || Number(campaign.rule_id) > 0 ) {
                        var campaignContent = !campaign.serve_default && campaign.rule_code ? campaign.rule_code : campaign.default_code;

                        if ( campaignContent ) {
                            // Only update limited view options if campaign has content to display,
                            // and will actually be viewed.
                            limitedViewManager.processCampaign( campaign );
                            // Only update localStorage if this campaign was not displayed instantly
                            if ( isTriggeredCampaign( campaign ) ) {
                                limitedViewManager.updateLocalStorageState();
                            }

                            var configOptions = {
                                campaignId: campaign.public_id,
                                content: campaignContent,
                                contentId: getContentPublicId( campaign ),
                                display_options: campaign.display_options,
                                height: campaign.height,
                                height_unit: campaign.height_unit,
                                websiteId: settings.websiteId,
                                width: campaign.width,
                                width_unit: campaign.width_unit,
                                zIndex: calculateMaxZIndex() + 1
                            };

                            var moduleFn;
                            switch ( +campaign.type ) {
                                case 1:
                                    moduleFn = window._gsc.Modal;
                                    break;
                                case 2:
                                    moduleFn = window._gsc.Banner;
                                    configOptions.bannerPosition = campaign.display_options.banner_position ?
                                        campaign.display_options.banner_position : 'top';
                                    break;
                                case 3:
                                    moduleFn = window._gsc.Flyin;
                                    break;
                            }

                            // Add campaign CSS if configured
                            if ( campaign.css ) {
                                editStylesheet( campaign.css, '#gsc-css-' + settings.websiteId );
                            }

                            if ( campaign.meta && campaign.meta.javascript_enabled && campaign.meta.javascript ) {
                                insertJSInElement( campaign.meta.javascript, doc.documentElement || doc.body );
                            }

                            moduleFn( configOptions );
                        } else {
                            /**
                             * We don't have any campaign or rule content, but for "serve default content" rules
                             * we need to check if limited views are enabled and store the limited view.
                             */
                            if ( campaign.rule_public_id &&
                                campaign.display_options &&
                                campaign.display_options.single_view_cookie_enabled ) {
                                limitedViewManager.processCampaign( campaign );
                            }
                        }

                        // Minimize the number of /track requests by only calling individual /track call when triggered
                        if ( indivTrack && ( isImpressionTracked || noImpressionsToTrack ) ) {
                            trackIndividualCampaign( campaign );
                        } else {
                            addCampaignToAPI( campaign );
                        }
                    }

                    /*
                     * In case no content was served but the campaign was still returned for reporting
                     * purposes let's check and clear the stored limited view data if the campaign or rule
                     * limited view setting has been disabled.  We will leave it alone, otherwise.
                     */
                    limitedViewManager.checkForDisabledSetting( campaign );

                    // check to see if the rule is an A/B test and if the persist option is enabled
                    // so that we properly set the gscab cookie
                    if( campaign.display_options.ab_persist && +campaign.display_options.ab_persist === 1 ) {
                        var api = prepareCampaignObjForCampaignAPI( campaign );
                        api.content = prepareContentForCampaignAPI( campaign );
                        // Save the rule and public id to a cookie
                        abTests.save( api );
                    } else {
                        // check to see if it was previously set and stored in gscab cookie, and if so
                        // remove it so that other variations can now show
                        var persistedVariations = abTests.get();
                        if ( persistedVariations ) {
                            var campaignAPI = prepareCampaignObjForCampaignAPI( campaign );
                            campaignAPI.content = prepareContentForCampaignAPI( campaign );
                            if ( abTests.checkForRule( campaignAPI.rulePublicId ) ) {
                                abTests.remove( campaignAPI );
                            }
                        }
                    }
                },

                /**
                 * Manually trigger the display of a campaign if we have the campaign object
                 * meaning the location is valid and it has been received from the /serving response.
                 * @param  {string} campaignPublicId public_id of a campaign
                 */
                manuallyDisplayCampaign = function( campaignPublicId ) {
                    for ( var i = 0; i < campaigns.length; i++ ) {
                        if ( campaigns[i].public_id === campaignPublicId ) {
                            displaySingleViewCampaign( campaigns[i], true );
                        }
                    }
                },

                abTests = {
                    /**
                     * Check to see if the provided rule's public id is present
                     * in the stored value in the gscab cookie
                     * @param  {String} rulePublicId public id of the rule that is being checked
                     * @return {Boolean}
                     */
                    checkForRule: function( rulePublicId ) {
                        var ids = this.rulePublicIds();
                        for ( var i = 0; i < ids.length; i++ ) {
                            if ( ids[i] === rulePublicId ) {
                                return true;
                            }
                        }
                        return false;
                    },

                    get: function( process ) {
                        // Get the cookie values - don't fetch cached value
                        var variations = cookie.getCookieFromBrowser( 'gscab' );

                        // If process is true format into key value pairs - rule:content
                        if( process ) {
                            var split = variations.split('|'), i, rule;
                            variations = {};
                            for( i = 0; i < split.length; i++ ) {
                                rule = split[i].toString().split('.');
                                variations[rule[0]] = rule[1];
                            }
                        }

                        return variations;
                    },

                    remove: function( campaignAPI ) {
                        var variationsArr = abTests.get().split( '|' );
                        var matchInd = null;
                        for ( var i = 0; i < variationsArr; i++ ) {
                            if ( variationsArr[i] === campaignAPI.rulePublicId + '.' + campaignAPI.content[0].publicId ) {
                                matchInd = i;
                                break;
                            }
                        }
                        variationsArr.splice( matchInd, 1 );
                        cookie.set( 'gscab', variationsArr.join( '|' ) );
                    },

                    /**
                     * Return a list of all rule public ids from the stored values
                     * in the gscab cookie
                     * @return {Array}
                     */
                    rulePublicIds: function() {
                        // Each variation in the cookie's string value is separated by the
                        // pipe character.  We will split these to store as an array to iterate
                        // over to get at the rule public id in each variation.
                        var variations = cookie.get( 'gscab' ).split( '|' );
                        var ids = [];
                        for ( var i = 0; i < variations.length; i++ ) {
                            // Each variation will be a comma delimited string with
                            // rulePublicId.campaignPublicId. So, we will split the string
                            // into an array, and grab the value at the first index.
                            ids.push( variations[i].split( '.' )[0] );
                        }
                        return ids;
                    },

                    save: function( campaignAPI ) {

                        // First get the raw values that exist already
                        var values = abTests.get();
                        if( !values || values === '' ) {
                            values = campaignAPI.rulePublicId + '.' + campaignAPI.content[0].publicId;
                        } else {

                            // Make sure the rule is not already in there
                            if( !this.checkForRule( campaignAPI.rulePublicId ) )
                                values += '|' + campaignAPI.rulePublicId + '.' + campaignAPI.content[0].publicId;

                        }

                        // Set the cookie
                        cookie.set( 'gscab', values );

                    },
                },

                delegatedGscAddEventListenerSupportedHandler = function( event ) {
                    var target = event.target;
                    var gscTrackEl = hasClass( target, 'gsc-track' ) &&
                        !hasClass( target, 'gsc-track-click') ? target : findGscTrackEl( target );
                    if ( gscTrackEl ) {
                        getGSCTrackingCodeFromEl( gscTrackEl, event );
                    }
                },

                delegatedGscAttachEventSupportedHandler = function() {
                    var event = window.event;
                    var target = event.srcElement;
                    var gscTrackEl = hasClass( target, 'gsc-track' ) && !hasClass( target, 'gsc-track-click') ? target : findGscTrackEl( target );
                    if ( gscTrackEl ) {
                        getGSCTrackingCodeFromEl( gscTrackEl, event );
                    }
                },

                // When a delegated click event for a .gsc-track element is captured check to see if we
                // have the content tracking code and if not check to see if it is in a campaign element
                // where we can find that.  If not we cannot properly track the click and attribute it to the
                // correct campaign and content item.
                delegatedGSCTrackClick = function() {
                    var docEl = doc.documentElement || doc.body;
                    // Hookup delegated gsc-track click event which needs to account for
                    // images which may have had a clickthrough url configured which wraps
                    // around the image as a link
                    if ( docEl.addEventListener ) {
                        docEl.addEventListener( 'click', delegatedGscAddEventListenerSupportedHandler );
                    } else if ( docEl.attachEvent ) {
                        docEl.attachEvent( 'onclick', delegatedGscAttachEventSupportedHandler );
                    }
                },

                // Given a .gsc-track element get its' tracking code via data-gsc, gsc-tracking-code-[code] class,
                // closest campaign element, or don't fire a track call
                getGSCTrackingCodeFromEl = function( el, ev ) {
                    var trackingCode = el.attributes['data-gsc'] ? el.attributes['data-gsc'].value : null;
                    if( trackingCode ) {
                        // thank you users who don't do fancy things with their content items
                        trackClick( el, ev );
                    } else if ( hasClass( el, 'gsc-tracking-code-' ) ) {
                        // check to see if element has tracking code added as class which is done as part of
                        // the content compilation where gsc-track is found in the compiled code
                        var elClass = el.className;
                        var trackingCodeStartIndex = elClass.indexOf( 'gsc-tracking-code-' ) + 'gsc-tracking-code-'.length;
                        var trackingCodeFromClass = elClass.substring( trackingCodeStartIndex, elClass.indexOf( ' ',
                            trackingCodeStartIndex ) > 0 ? elClass.indexOf( ' ', trackingCodeStartIndex ) : elClass.length );
                        if ( trackingCodeFromClass.length % 4 !== 0 ) {
                            var equalCharacters = '';
                            for ( var i = 0; i < 4 - trackingCodeFromClass.length % 4; i++ ) {
                                equalCharacters += '=';
                            }
                            trackingCodeFromClass += equalCharacters;
                        }
                        el.setAttribute( 'data-gsc', trackingCodeFromClass );
                        trackClick( el, ev );
                    } else {
                        // The only time this should be called is if the user is adding .gsc-track to an element
                        // with JS outside of the content item OR if the content is provided through a third-party
                        // service like LookBook where it doesn't run through our content compilation process.
                        var matchingCampaignEl = null;
                        // activeCampaigns and looping through the campaign object's selectors will not
                        // work for non-embedded campaigns, so we have added gsc-campaign to non-embedded campaigns
                        // as a class to use to find all types of campaigns on the page
                        var campaignEls = document.querySelectorAll( '.gsc-campaign' );
                        for ( var j = 0; j < campaignEls.length; j++ ) {
                            var gscTrackEls = campaignEls[j].querySelectorAll( '.gsc-track' );
                            for ( var k = 0; k < gscTrackEls.length; k++ ) {
                                if ( el === gscTrackEls[k] ) {
                                    matchingCampaignEl = campaignEls[j];
                                    break;
                                }
                            }
                        }

                        if ( matchingCampaignEl ) {
                            // Get campaign id
                            var classes = matchingCampaignEl.className;
                            var idStartInd = classes.indexOf( 'gsc-campaign-' ) + 'gsc-campaign-'.length;
                            var campaignPublicId = classes.substring( idStartInd,
                                classes.indexOf( ' ', idStartInd ) > 0 ? classes.indexOf( ' ', idStartInd ) : classes.length );

                            // Get content id
                            var contentIdStartInd = classes.indexOf( 'gsc-content-' ) + 'gsc-content-'.length;
                            var contentPublicId = classes.substring( contentIdStartInd,
                                classes.indexOf( ' ', contentIdStartInd ) > 0 ? classes.indexOf( ' ', contentIdStartInd ) : classes.length );

                            trackingCode = getTrackingCode( campaignPublicId, contentPublicId );
                            el.setAttribute( 'data-gsc', trackingCode );
                            trackClick( el, ev );
                        }
                    }
                },

                // Get content public_id for default or rule content
                getContentPublicId = function( campaign ) {
                    var contentPublicId = '';
                    if ( !campaign.serve_default && campaign.rule_code ) {
                        if ( campaign.rule_tracking_codes.content_public_id ) {
                            contentPublicId = campaign.rule_tracking_codes.content_public_id;
                        } else {
                            contentPublicId = Object.keys( campaign.rule_tracking_codes )[0];
                        }
                    } else {
                        var contentPublicIdArr = campaign.default_tracking_code ? Object.keys( campaign.default_tracking_code ) : [];
                        if ( contentPublicIdArr.length > 0 ) {
                            contentPublicId = contentPublicIdArr[0];
                        }
                    }
                    return contentPublicId;
                },

                // Retrieves a tracking code for a give campaign or piece of content
                getTrackingCode = function( campaignPublicId, contentPublicId ) {

                    if( !campaignPublicId ) return '';

                    var i, j;

                    // Loop through the campaigns first
                    for( i = 0; i < apiInfo.campaigns.length; i++ ) {

                        if( apiInfo.campaigns[i].campaignPublicId === campaignPublicId ) {

                            // Check if a content id was provided as well
                            if( contentPublicId ) {

                                for( j = 0; j < apiInfo.campaigns[i].content.length; j++ ) {

                                    // Not sure why but for some campaigns object key is publicId,
                                    // and for others object key is zero based index and you have to access
                                    // nested publicId property
                                    if( apiInfo.campaigns[i].content[j] === contentPublicId ||
                                        apiInfo.campaigns[i].content[j].publicId === contentPublicId )
                                        return apiInfo.campaigns[i].content[j].code;

                                }

                            } else {

                                // Return the code for the first piece of content
                                return apiInfo.campaigns[i].content.length > 0 ? apiInfo.campaigns[i].content[0].code : '';

                            }

                        }

                    } // end campaign loop

                    return '';

                },

                // Handles the click tracking event
                trackClick = function( el, event ) {

                    log( 'Track Click', event, event.srcElement );

                    // Before proceeding, check if this element already has a click tracked for it
                    var element = el || this;

                    // Attach the tracked class at this point
                    element.className += ' gsc-track-click';

                    // Now get the rest of our properties
                    var atts = element.attributes,
                        trackingCode = atts['data-gsc'] ? atts['data-gsc'].value : '',
                        targetUrl = atts.href ? atts.href.value : '',
                        target = atts.target ? atts.target.value : '',
                        c, i, j, p;

                    // Search the apiInfo object for the right campaign and filtered content
                    for( i = 0; i < apiInfo.campaigns.length; i++ ) {
                        for( j = 0; j < apiInfo.campaigns[i].content.length; j++ ) {
                            if( apiInfo.campaigns[i].content[j].code === trackingCode ) {

                                // Clone the campaign and filter the content
                                c = {};
                                for( p in apiInfo.campaigns[i] ) {
                                    c[p] = apiInfo.campaigns[i][p];
                                }
                                c.content = [apiInfo.campaigns[i].content[j]];

                                // For IE we will need to delay the click to allow a normal track request without using Beacon to usually go through.
                                if ( !navigator.sendBeacon ) {
                                    /**
                                     * If the link is set to open in a new window/tab anyways, we don't need to delay the navigation.  We don't
                                     * worry about this if the user has already prevented default behavior, if this is an internal link or js
                                     * hookup, or if it is an external link where a delay is not needed and we will not prevent default behavior
                                     * of the click event.
                                     *
                                     * By this point all other direct event handlers and less specific delegated event handlers will have had
                                     * their event handlers called on the click event, and we can assume since its' default behavior has not been prevented
                                     * yet this link is intended for navigation (caveat: if they have a delegated event at the same document.documentElement
                                     * level it will still have access to the original event, but may not finish executing before the navigation - there
                                     * is no way around this without making that delegated event more specific or hooking up a direct event in our content js
                                     * or otherwise after our content has loaded.)
                                     */
                                    if( !defaultPrevented( event ) && isExternalHref( targetUrl ) && target !== '_blank' ) {
                                        preventDefault( event );
                                        isDelayEnabled = true;

                                        // Set a delay on the actual clickthrough if needed
                                        // This provides extra time for the tracking calls to complete
                                        setTimeout( function(){ navigateToUrl( el ); }, clickDelayTime );
                                    }
                                }

                                // Track the click
                                track( 'c', [c] );

                                return false;

                            } // end content code match
                        } // end content loop
                    } // end campaigns loop
                },

                // Tracking wrapper for all of our impressions and clicks
                track = function( type, info ) {

                    // Exit if no info provided
                    if( !info )
                        return false;

                    // Do not track if in preview mode
                    if( isPreview ) {
                        return false;
                    }

                    // Reduce to just campaigns if needed
                    info = info.campaigns || info;

                    // Start the query string
                    var query = '?',
                        params = params || {},
                        i, j, k;

                    // Add required params
                    params['_'] = new Date().getTime();
                    params['rv'] = revisionId,
                    params['w'] = settings.websiteId;
                    params['i'] = visitor.id;
                    params['loc'] = window.location.href;
                    params['t'] = type;
                    params['g'] = serveId;
                    params['s'] = visitor.session;
                    params['c'] = [];
                    params['e'] = [];
                    params['st'] = servingTime;

                    if ( info && info.action ) {
                        params['m.action_public_id'] = info.action.public_id;
                    }

                    // Visitor has consented to see personalized content per GDPR law
                    if ( settings.GDPRConsent && settings.GDPRConsent === 'consented' ) {
                        params['gdpr_consent'] = settings.GDPRConsent;
                    }

                    // Visitor has consented to see personalized content per CCPA law
                    if ( settings.CCPAConsent && settings.CCPAConsent === 'consented' ) {
                        params['ccpa_consent'] = settings.CCPAConsent;
                    }

                    // Attach tracking codes based on the info that was passed
                    // Check if info is an array of campaigns or a single
                    if ( ( 'ic' ).indexOf( type ) > -1  ) {

                        for( i = 0; i < info.length; i++ ) {

                            // Filter the info if needed
                            // Slideshow impressions should be tracked one at a time
                            // The slideshow module will pass the individual events as the slideshow rotates
                            if( +info[i].displayMode === 2 ) {
                                info[i].content = info[i].content.slice( 0, 1 ); // This line effectively copies the content array and trims it
                            }

                            // Get the individual content codes
                            for( j = 0; j < info[i].content.length; j++ ) {
                                params['c'].push( info[i].content[j].code );
                            }

                        }

                        // Convert c parameter into string
                        params['c'] = params['c'].join( '.' );

                        // If default content was displayed due to an error, attach another parameter
                        // to help track the frequency of this
                        if( isFallbackEnabled === true ) {
                            params['fb'] = 1;
                            params['fbr'] = fallbackReason;
                        }

                    }

                    // Attach engagements if necessary
                    if( type === 'e' && info.engagement ) {
                        params['e'] = encodeURIComponent( info.engagement );
                    }

                    log( 'Track - %o', params );

                    // Loop through params to create key/value pairs
                    for( k in params )
                        query += k + '=' + encodeURIComponent( params[k] ) + '&';

                    if ( navigator.sendBeacon ) {
                        navigator.sendBeacon( apiRoot + '/track' + query );
                    } else {
                        // IE doesn't support the Beacon API.
                        // Create our tracking image with the query attached
                        // No need to add to the DOM... The image will be preloaded and the request will be made
                        i = doc.createElement( 'img' );
                        i.setAttribute( 'src', apiRoot+'/track' + query );
                    }

                    // Handle external analytics and event listeners
                    if ( type === 'i' || type === 'c' || type === 'click' || type === 'action' ) {

                        // Event listeners - Currently supports impressions and clicks
                        var eventType = ( type === 'i' ) ? 'impression' : 'click';

                        if( settings.events && settings.events[eventType] && settings.events[eventType].length > 0 ) {

                            for( i = 0; i < settings.events[eventType].length; i++ ) {

                                // Check if the event handler was passed as a function or string
                                if( typeof settings.events[eventType][i] === 'function' ) {

                                    settings.events[eventType][i]({
                                        type: eventType,
                                        campaigns: info
                                    });

                                }
                                else if( typeof settings.events[eventType][i] === 'string' && typeof window[settings.events[eventType][i]] === 'function' ) {

                                    window[settings.events[eventType][i]]({
                                        type: eventType,
                                        campaigns: info
                                    });

                                }

                            } // end event handler loop
                        } // end if settings.events

                        // External Analytics
                        if( settings.analytics && settings.analytics.length > 0 ) {
                            for( i = 0; i < settings.analytics.length; i++ ) {
                                var config = {
                                    action: info.action,
                                    campaigns: info
                                };

                                if( window._gsc[settings.analytics[i].track] )
                                    window._gsc[settings.analytics[i].track](
                                        type,
                                        config,
                                        settings.analytics[i].options,
                                        isFallbackEnabled,
                                        fallbackReason
                                    );
                                else if( window[settings.analytics[i].track] )
                                    window[settings.analytics[i].track](
                                        type,
                                        config,
                                        settings.analytics[i].options,
                                        isFallbackEnabled,
                                        fallbackReason
                                    );
                            }
                        }

                    }

                },

                // Tracking wrapper for all error events
                trackError = function( info ) {

                    // Start the query string
                    var query = '?',
                        params = params || {},
                        i, k;

                    // Add required params
                    params['_'] = new Date().getTime();
                    params['rv'] = revisionId;
                    params['w'] = settings.websiteId;
                    params['i'] = visitor.id;
                    params['g'] = serveId;
                    params['s'] = visitor.session;
                    params['st'] = servingTime;

                    // Add in properties from info
                    if( info )
                        for( var key in info )
                            params[key] = info[key];

                    log( 'Track Error - %o', params );

                    // Do not track if in preview mode
                    if( isPreview )
                        return false;

                    // Loop through params to create key/value pairs
                    for( k in params )
                        query += k + '=' + encodeURIComponent( params[k] ) + '&';

                    // Create our tracking image with the query attached
                    // No need to add to the DOM... The image will be preloaded and the request will be made
                    i = doc.createElement( 'img' );
                    i.setAttribute( 'src', apiRoot+'/error' + query );

                },

                // This function should only be called after the initial impression track has been called
                // which we can determine by checking the global vars, isImpressionTracked and noImpressionsToTrack.  It's important that we
                // check that as the impression will be tracked twice for this campaign if it has not as we make
                // an individual track call as well within this function.  We also need to add the campaign to our _gsc.api()
                // object so that click tracking can be hooked up correctly as getTrackingCode depends on the campaign
                // being included.
                trackIndividualCampaign = function ( campaign ) {
                    var campaignData = addCampaignToAPI( campaign );
                    var apiDeepCopy = getAPI();
                    apiDeepCopy.campaigns = [ campaignData ];
                    track( 'i', apiDeepCopy );
                },

                // Wrapper for manipulating DOM elements and adding content
                html = function( element, content, mode, parent ) {

                    parent = element.parentNode;

                    // Make sure the mode is acceptable
                    // Acceptable modes = a: after, b: before, i: inner, r: replace
                    if( ('abir').indexOf( mode ) === -1 ) mode = 'i';

                    if( mode === 'i' ) insertHtmlWithJS( element, content );
                    if( mode === 'a' ) parent.insertBefore( content, element.nextSibling );
                    if( mode === 'b' ) parent.insertBefore( content, element );
                    if( mode === 'r' ) {
                        parent.insertBefore( content, element );
                        parent.removeChild( element );
                    }

                },

                // Creates a logging wrapper for use in debug mode
                log = function() {

                    // Debug mode must be on and arguments must be passed
                    if( settings && settings.isDebug && console && typeof( console.log ) !== 'undefined' )
                        console.log( 'GET SMART CONTENT: ', arguments );

                },

                // A complete way to test if the DOM is loaded so we can do a final scan for campaigns and stop timers
                onDOMReady = function( ready ) {

                    var fns = [], fn, f = false
                        , doc = document
                        , testEl = doc.documentElement
                        , hack = testEl.doScroll
                        , domContentLoaded = 'DOMContentLoaded'
                        , addEventListener = 'addEventListener'
                        , onreadystatechange = 'onreadystatechange'
                        , readyState = 'readyState'
                        , loadedRgx = hack ? /^loaded|^c/ : /^loaded|c/
                        , loaded = loadedRgx.test(doc[readyState]);

                    function flush(f) {
                        loaded = 1;
                        while (f = fns.shift()) f();
                    }

                    doc[addEventListener] && doc[addEventListener](domContentLoaded, fn = function () {
                        doc.removeEventListener(domContentLoaded, fn, f);
                        flush();
                    }, f);

                    hack && doc.attachEvent(onreadystatechange, fn = function () {
                        if (/^c/.test(doc[readyState])) {
                            doc.detachEvent(onreadystatechange, fn);
                            flush();
                        }
                    });

                    return (ready = hack ?
                        function (fn) {
                            self != top ?
                            loaded ? fn() : fns.push(fn) :
                            function () {
                                try {
                                    testEl.doScroll('left');
                                } catch (e) {
                                    return setTimeout(function() { ready(fn); }, 50);
                                }
                                fn();
                            }();
                        } :
                        function (fn) {
                            loaded ? fn() : fns.push(fn);
                        });
                }, // End onDOMReady

                getCampaigns = function() {
                    return campaigns;
                },

                getConnections = function() {
                    return connections;
                },

                getAPI = function() {
                    return deepCopy( apiInfo ) || {};
                },

                poll = function(fn, callback, errback, timeout, interval) {
                    var endTime = Number(new Date()) + (timeout || 2000);
                    interval = interval || 100;

                    (function p() {
                            // If the condition is met, we're done!
                            if(fn()) {
                                callback();
                            }
                            // If the condition isn't met but the timeout hasn't elapsed, go again
                            else if (Number(new Date()) < endTime) {
                                setTimeout(p, interval);
                            }
                            // Didn't match and too much time, reject!
                            else {
                                errback(new Error('timed out for ' + fn + ': ' + arguments));
                            }
                    })();
                },

                handleVisitorConnections = function( visitor ) {

                    // Check for the BlueKai id swap
                    if( settings && settings.bluekai && settings.bluekai.enableIdSwap && settings.bluekai.imgUrl ) {
                        var img = document.createElement( 'img' );
                        img.setAttribute( 'src', settings.bluekai.imgUrl.replace( '{{UID}}', visitor.id ) );
                    }

                },

                // Retrieves the visitor id from the cookie, or generates a new one if needed
                getVisitorId = function() {

                    // Try to retrieve the id from the cookie
                    var id = cookie.get( 'gsci' );

                    // Create a random 32 character id if one is not already set
                    if( !id && id === '' )
                        id = new Array(32).join().replace(/(.|$)/g, function(){return ((Math.random()*36)|0).toString(36);});

                    // Reset the cookie
                    cookie.set( 'gsci', id, 730 );

                    return id;

                },

                /**
                 * Returns browser, visitor, and serve info for debugging
                 * @returns {Object}
                 */
                getVisitorDebugInfo = function() {
                    return {
                        browser: navigator.userAgent,
                        browserDimensions: getViewportSize().join( ',' ),
                        CCPAConsent: settings.CCPAConsent,
                        currentVisit: visitor.currentVisit,
                        GDPRConsent: settings.GDPRConsent,
                        geo: geo,
                        id: visitor.id,
                        initialVisit: visitor.initialVisit,
                        ipAddress: ipAddress,
                        location: window.location.href,
                        previousVisit: visitor.previousVisit,
                        serveId: serveId,
                        session: visitor.session,
                        totalVisits: visitor.totalVisits,
                        visit: visitor.visit
                    };
                },

                // Recursively clones an object
                deepCopy = function(o) {
                    var copy = o,k;

                    if (o && typeof o === 'object') {
                        copy = Object.prototype.toString.call(o) === '[object Array]' ? [] : {};
                        for (k in o) {
                            copy[k] = deepCopy(o[k]);
                        }
                    }

                    return copy;
                },

                // Sends data to the /track endpoint
                // This method will be used when the data is not required before
                // the primary /serving call is made
                sendConnectionData = function( endpoint, method, params ) {

                    // All arguments are required
                    if( !endpoint || !method || !params )
                        return false;

                    // Basic properties for the request
                    var url = apiRoot + '/connections/' + endpoint,
                        query = '',
                        img, k;

                    // Add in standard values to the params
                    params.website_public_id = settings.websiteId;
                    params.method = method;
                    params.visitor_id = ( visitor && visitor.id ? visitor.id : cookie.get('gsci') );

                    // Create the query string
                    for( k in params )
                        query += k + '=' + encodeURIComponent( params[k] ) + '&';

                    // Create the request with an img
                    img = doc.createElement( 'img' );
                    img.setAttribute( 'src', url + '?' + query );

                }

            ;

            // Run the init function
            init();

            // Expose any functions we need outside... Mainly for API reasons.
            // NOTE: If new methods are exposed here, we will need to add the new methods to
            // WebsiteJavascriptCompiler in the admin repo to prevent errors on suspended websites.
            return {
                actions: actionsManager.publicAPI,
                config: config,              // Original config
                debug: getVisitorDebugInfo,  // Returns visitor, browser, and serve info for debugging
                settings: settings,          // Expose the settings object
                visitor: visitor,            // Expose the visitor object
                campaigns: getCampaigns,     // Expose the campaigns object
                connections: getConnections, // Expose the connections object
                api: getAPI,
                push: push,              // Expose the push method
                go: ready,               // Rename our ready function to "go". The gateway will call this
                t: track,                // Expose the track method so modules and connections can use it
                te: trackError,          // Expose the trackError method so modules and connections can use it
                f: find,
                /**
                 * previously we used domUtils.on which was removed, but we need
                 * to match its' signature for existing uses.
                 */
                o: function( element, type, callback ) {
                    return initEventListener({
                        callback: callback,
                        element: element,
                        type: type
                    })
                },
                r: removeEvent,
                css: {
                    edit: editStylesheet
                },
                scanAfterLoad: scanAfterLoad,
                cookie: {
                    get: bindFn( cookie.getCookieFromBrowser, cookie ),
                    set: bindFn( cookie.set, cookie )
                },
                initAfterClientSideRouteChange: subsequentInit
            };

        }).call( window, window, document, window._gsc );
    }

}());
(function () {
    'use strict';

    /**
     * indexOf "polyfill" since clients/prospects may improperly use for...in loops with arrays
     * and MDN polyfill will mess that incorrect usage up.
     * @param  {Array} arr  Array that you want to search for item
     * @param  {*}     item item you are looking for in arr
     * @return {Number}     index
     */

    /**
     * IE-8 friendly method to convert an object, including NodeLists (host objects), to an array.
     * @see    http://stackoverflow.com/questions/2735067/how-to-convert-a-dom-node-list-to-an-array-in-javascript
     * @param  {Object} obj Object to convert to an array
     * @return {Array}
     */
    function objToArray( obj ) {
        var array = [];
        for ( var i = 0; i < obj.length; i++ ) {
            array[i] = obj[i];
        }
        return array;
    }

    /**
     * Returns a debounced version of the function so it is only called
     * once per wait (ms) period.
     *
     * @see https://davidwalsh.name/javascript-debounce-function
     *
     * @param  {function} func      function that we want to debounce
     * @param  {number}   wait      ms to wait to call once
     * @param  {boolean}  immediate call on the leading instead of trailing edge
     * @return {function}           debounced function
     */
    function debounce( func, wait, immediate ) {
        var timeout;
        return function() {
            var context = this, args = arguments;
            var later = function() {
                timeout = null;
                if ( !immediate ) {
                    func.apply( context, args );
                }
            };
            var callNow = immediate && !timeout;
            clearTimeout( timeout );
            timeout = setTimeout( later, wait );
            if ( callNow ) {
                func.apply( context, args );
            }
        }
    }

    /**
     * Find any <style> elements in the provided element, and return them as an array.
     * (NodeList is an Array like object in older browsers)
     * @param  {Object} element DOM Node
     * @return {array}
     */
    function findStyleElements( element ) {
        return objToArray( element.getElementsByTagName( 'style' ) );
    }

    /**
     * Returns array of viewport dimensions.
     * @return {Array} [width, height]
     */
    function getViewportSize() {
        return [document.documentElement.clientWidth, document.documentElement.clientHeight];
    }

    /**
     * Check that the element type supports the className attribute,
     * and that the provided className is included for the given DOM node
     * @param  {Object}  el        DOM node
     * @param  {String}  className class that we want to check for on el
     * @return {Boolean}
     */
    function hasClass( el, className ) {
        // short circuit for SVG elements which we know have an
        // object for className used for animation purposes.  Check
        // other elements to ensure className is present and of type, string,
        // which has an indexOf method.  Finally, check for the provided className.
        return className &&
                el.nodeName !== 'svg' &&
                el.className &&
                typeof el.className === 'string' &&
                el.className.indexOf( className ) !== -1;
    }

    /**
     * Create a <script> element with nested JS, and append it to the specified element
     * @param  {String}    js      Javascript to be added within <script> tag
     * @param  {Object}    element Element node
     * @param  {Array}     attrs   Array of objects with the key being the attribute, value the attribute's value
     * @return {undefined}
     */
    function insertJSInElement( js, element, attrs ) {
        var script = document.createElement( 'script' );

        // copy attributes from original script element to new script element
        if ( attrs && attrs.length ) {
            for ( var i = 0; i < attrs.length; i++ ) {
                var attrKey = Object.keys( attrs[i] )[0];
                script.setAttribute( attrKey, attrs[i][attrKey] );
            }
        }

        // IE8 does not support innerHTML on script DOM elements, and will
        // throw a run-time error
        if ( script.innerHTML ) {
            script.innerHTML = js;
        } else {
            script.text = js;
        }
        element.appendChild( script );
    }

    /**
     * Inserts HTML and script into an element.
     * @param  {Object}    element Node element
     * @param  {String}    content HTML content to insert
     * @return {undefined}
     */
    function insertHtmlWithJS( element, content ) {
        // IE8 does not allow strings which contain just a script tag to be
        // inserted using innerHTML.  You have to add a non-empty html tag as the first item in the string,
        // but it can be set to display: none so that it doesn't affect the look/feel
        if ( window.attachEvent ) {
            content = '<span style="display:none;">ie8-fix</span>' + content;
        }

        /**
         * Find, store, and remove <style> elements from the content before
         * re-inserting the html without <style> elements. Then, re-insert
         * the <style> elements. This is to get consistent application of CSS,
         * especially media queries, in IE11 which does not occur when inserting
         * in the <body> at the same time as the HTML.
         */
        var detachedEl = document.createElement( 'div' );
        detachedEl.innerHTML = content;
        var styleElements = findStyleElements( detachedEl );
        removeStyleElements( detachedEl, styleElements );
        element.innerHTML = detachedEl.innerHTML;
        insertStyleElements( element, styleElements );

        // Find the script tags
        var scripts = objToArray( element.getElementsByTagName( 'script' ) );
        var scriptContent;
        var scriptAttrs;
        var attrsArr;
        var attrObj;

        for( var i = 0; i < scripts.length; i++ ) {
            scriptContent = scripts[i].innerHTML;
            scriptAttrs = scripts[i].attributes;

            // ADMIN-1166: save attribute names and values in list for when new script
            // element is created and inserted back into campaign element
            attrsArr = [];
            for ( var j = 0; j < scriptAttrs.length; j++ ) {
                attrObj = {};
                attrObj[scriptAttrs[j].nodeName] = scriptAttrs[j].nodeValue;
                attrsArr.push( attrObj );
            }

            scripts[i].parentNode.removeChild( scripts[i] );

            // Create a new tag
            insertJSInElement( scriptContent, element, attrsArr );
        }

    }

    /**
     * Insert the provided <style> elements into the provided element.
     * @param  {Object} element       DOM Node
     * @param  {array}  styleElements list of <style> elements as objects
     */
    function insertStyleElements( element, styleElements ) {
        for ( var i = 0; i < styleElements.length; i++ ) {
            element.appendChild( styleElements[i] );
        }
    }

    /**
     * Remove the provided list of style element from the provided element.
     * @param  {Object} element       DOM Node
     * @param  {array}  styleElements list of <style> elements as objects
     */
    function removeStyleElements( element, styleElements ) {
        for ( var i = 0; i < styleElements.length; i++ ) {
            styleElements[i].parentElement.removeChild( styleElements[i] );
        }
    }

    /**
     * Check a link's href to try and determine if it is external:
     * - not a link to a named anchor in the page
     * - not a same page link with params
     * - not a javascript:void( 0 ) or void 0 link
     * @param  {string}  href link element's href attribute
     * @return {boolean}
     */
    function isExternalHref( href ) {
        return Boolean( href && href.charAt( 0 ) !== '?' &&
            href.charAt( 0 ) !== '#' &&
            href.indexOf( '/#' ) !== 0 &&
            href.indexOf( 'javascript:' ) === -1 &&
            href.indexOf( 'void 0' ) === -1 );
    }

    /**
     * Check to see if the given node is a link with an href and target not set to _blank
     * @param  {Object}  node DOM node instance
     * @return {boolean}
     */
    function isLinkWithTargetSelf( node ) {
        return node.nodeName.toLowerCase() === 'a' &&
            linkUtils.isExternalHref( node.attributes.href && node.attributes.href.value ) &&
            node.target.toLowerCase() !== '_blank';
    }

    /**
     * Uses dispatched js click event from link in all browsers except IE8 where click() is still supported
     * reference: http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
     *
     * This click event is a delayed click intended only when navigation is required, and will not mess up the referrer
     * history like setting window.location would.  This is called after the actual click event which all direct
     * and delegated handlers will have had a crack at assuming none of them called stopPropagation.  If any click handler
     * is depending on this outside of our code that is not correct, and will result in duplicate execution of that
     * click handler's callback function.  By setting bubbles to false we will ensure this event is not captured by
     * any delegated event handlers a second time.  Cancelable "should" also be false as any direct event handlers will
     * still get triggered a second time, but they should not stop this navigation, as again, they would have already
     * executed once.  They would have to be intentionally added for this content and initialized after our content loads,
     * and the node is present.  That being said, I can see it still being an issue in some edge cases where support/clients
     * may need to override this event for reasons unknown and will leave it to them to do that rather than not giving
     * the option.
     * @param {Object} node DOM node instance
     */
    function navigateToUrl( node ) {
        if ( typeof window.MouseEvent === 'function' ) {
            // Modern browsers
            var evt = new MouseEvent( 'click', {
                bubbles: false,
                cancelable: true
            });
            node.dispatchEvent( evt );
        } else if ( document.createEvent ) {
            // old school (deprecated) approach for modern browsers
            // and supported methods in IE9/10/11
            var evt = document.createEvent('MouseEvents');
            evt.initEvent('click', false, true);
            node.dispatchEvent(evt);
        } else if( document.createEventObject ) {
            // IE8
            node.click();
        } else if (typeof node.onclick == 'function' ) {
            // Pre IE8
            node.onclick();
        }
    }

    /**
     * Our default object to export and also reference internally to allow for
     * easy mocking/spying in tests and still allow individual functions to be imported
     * in other modules.
     * @type {Object}
     */
    var linkUtils = {
        isExternalHref: isExternalHref,
        isLinkWithTargetSelf: isLinkWithTargetSelf,
        navigateToUrl: navigateToUrl
    };

    /**
     * The time GSC will delay a clickthrough to give time for tracking calls to complete
     * @type {Number}
     */
    var clickDelayTime = 250;

    /**
     * Adds a class indicating an event from it has been completed to prevent
     * duplicate event tracking.
     * @param {Object} target          DOM node
     * @param {string} completionClass class name denoting completed event
     */
    function addCompletionClass( target, completionClass ) {
        if ( completionClass ) {
            target.className += ' ' + completionClass;
        }
    }

    /**
     * When addEventListener is supported hookup up our listener and respective callback function
     * @param {Object} props event and action config
     */
    function addEventListener( props ) {
        var callback = function( event ) {
            eventUtils.addEventListenerCallback( event, props );
        };
        props.element.addEventListener( props.type, callback );
        return {
            element: props.element,
            handler: callback,
            type: props.type
        };
    }

    /**
     * Callback for addEventListener which will ensure we have not already dealt with this event tracking
     * by checking for a completion class on the event target. If not we will process the event.
     * @param {Object} event Event instance
     * @param {Object} props action config for comparing with event and tracking
     */
    function addEventListenerCallback( event, props ) {
        eventUtils.eventHandler( event.target, props, event );
    }

    /**
     * When addEventListener is not supported but attachEvent is hookup up our listener and respective callback function.
     * @param {Object} props event and action config
     */
    function attachEvent( props ) {
        var callback = function ( event ) {
            attachEventCallback( event, props );
        };
        props.element.attachEvent( 'on'+props.type, callback );
        return {
            element: props.element,
            handler: callback,
            type: props.type
        };
    }

    /**
     * Callback for attachEvent which will ensure we have not already dealt with this event tracking
     * by checking for a completion class on the event's srcElement. If not we will process the event.
     * @param {Object} event Event instance
     * @param {Object} props action config for comparing with event and tracking
     */
    function attachEventCallback( event, props ) {
        eventUtils.eventHandler( event.srcElement, props, event );
    }

    /**
     * For click type events if the event target is an external link we will
     * delay the navigation slightly to allow our tracking to complete.
     * @param  {string} type   event type like 'click'
     * @param  {Object} target DOM node
     * @param  {Object} event  native event object
     */
    function delayNavigationOnClick( type, target, event ) {
        if ( type === 'click'
            && isLinkWithTargetSelf( target )
            && !eventUtils.defaultPrevented( event ) ) {
            eventUtils.preventDefault( event );
            setTimeout( function(){ navigateToUrl( target ); }, eventUtils.clickDelayTime );
        }
    }

    /**
     * Hooks up our delegated event given the following props:
     * @param  {String}   element         element that will listen for bubbled event
     * @param  {String}   type            event type
     * @param  {String}   selector        selector of target element that initialized event
     * @param  {Function} callback        function to call when target matches and event is captured
     * @param  {String}   completionClass class name to append to target to prevent double tracking
     * @return undefined
     */
    function initEventListener( props ) {
        if ( typeof props.callback === 'function' ) {
            // modern browsers
            if ( props.element.addEventListener ) {
                return eventUtils.addEventListener( props );
            // IE8 support
            } else if ( props.element.attachEvent ) {
                return eventUtils.attachEvent( props );
            }
        }
    }

    /**
     * For the current event and target check to see if the passed in selector matches the target,
     * delay the event if this is an external link before navigating, and then call the callback while
     * also adding the completion class to prevent this event and action from being handled again.
     * @param  {Object} target DOM node (not pulled from the provided event since that property
     *                         varies by supported event listener and is handled by the callee)
     * @param  {Object} props  necessary action props: selector, type, completionClass, and callback
     * @param  {Object} event  Event instance
     */
    function eventHandler( target, props, event ) {
        var element = props.element;
        var selector = props.selector;
        var type = props.type;
        var completionClass = props.completionClass;
        var callback = props.callback;

        if ( selector ) {
            // delegated
            var selectorElements = document.querySelectorAll( selector );
            for ( var i = 0; i < selectorElements.length; i++ ) {
                /**
                 * Before checking for a match, see if a parent element has
                 * the selector in case a child element is the click event target.
                 */
                if ( type === 'click' && target !== selectorElements[i] ) {
                    var closestTarget = target.closest( selector );
                    if ( !closestTarget ) {
                        break;
                    }
                    target = closestTarget;
                }

                /**
                 * Don't proceed if:
                 * - the click target was a nested element and didn't have a closest
                 *   parent element with the matching selector so the target is null
                 * - we have already executed the callback if a completion class
                 *   is provided meaning it should execute only once.
                 */
                if ( target && completionClass && hasClass( target, completionClass ) ) {
                    break;
                }

                if ( target === selectorElements[i] ) {
                    eventUtils.delayNavigationOnClick( type, target, event );
                    eventUtils.addCompletionClass( target, completionClass );
                    callback( event );
                    break;
                }
            }
        } else {
            // direct - check element rather than potentially nested target for the completion class
            if ( target && completionClass && hasClass( element, completionClass ) ) {
                return;
            }
            eventUtils.delayNavigationOnClick( type, target, event );
            // Add the completionClass to the original element and not the potentially nested target
            eventUtils.addCompletionClass( element, completionClass );
            callback( event );
        }
    }

    /**
     * Return either the value of defaultPrevented or returnValue for IE8 to determine
     * if an event has already had it's default behavior prevented.
     * @param  {Object} ev Event instance
     * @return {boolean}
     */
    function defaultPrevented( ev ) {
        if ( typeof ev.defaultPrevented !== 'undefined' ) {
            // Modern browsers and IE9+
            return ev.defaultPrevented;
        } else {
            // IE8
            return ev.returnValue;
        }
    }

    /**
     * Call preventDefault in modern browsers or set returnValue to false in IE8 to
     * prevent the default event behavior.
     * @param  {Object} ev Event instance
     */
    function preventDefault( ev ) {
        if ( ev.preventDefault ) {
            // Modern browsers and IE9+
            ev.preventDefault();
        } else {
            // IE8
            ev.returnValue = false;
        }
    }

    /**
     * Removes an event listener from an element.
     * @param {Object}   element  Element node
     * @param {String}   type     Type of event listener to remove. E.g. 'click'
     * @param {Function} callback EventListener function of the event handler to remove from the event target
     */
    function removeEvent( element, type, callback ) {
        if ( element.removeEventListener ) {
            element.removeEventListener( type, callback );
        } else if ( element.detachEvent ) {
            element.detachEvent( 'on'+type, callback );
        }
    }

    /**
     * Our default object to export and also reference internally to allow for
     * easy mocking/spying in tests and still allow individual functions to be imported
     * in other modules.
     * @type {Object}
     */
    var eventUtils = {
        addCompletionClass: addCompletionClass,
        clickDelayTime: clickDelayTime,
        addEventListener: addEventListener,
        addEventListenerCallback: addEventListenerCallback,
        attachEvent: attachEvent,
        attachEventCallback: attachEventCallback,
        defaultPrevented: defaultPrevented,
        delayNavigationOnClick: delayNavigationOnClick,
        eventHandler: eventHandler,
        initEventListener: initEventListener,
        preventDefault: preventDefault,
        removeEvent: removeEvent
    };

    function Modal( config ) {

        var campaignId = config.campaignId;
        var content = config.content;
        var contentId = config.contentId;
        var height = +config.height > 0 ? +config.height : 0;
        var height_unit = config.height_unit;
        var width = +config.width > 0 ? +config.width : 0;
        var width_unit = config.width_unit;
        var noCloseEvent = config.noCloseEvent;
        var zIndex = config.zIndex;
        var debouncedPosition = null;
        var storedDimensions = {
            height: null,
            width: null
        };

        var settings = {
                campaignClass: 'gsc-campaign gsc-campaign-' + campaignId,
                modalClass: 'gsc-modal',
                modalContentClass: 'gsc-modal-content',
                wrapperClass: 'gsc-modal-wrapper',
                closeClass: 'gsc-modal-close',
                lockPageScroll: true,
                body: ''
            },
            modal,
            contentWrapper,
            modalWrapper,
            closeButton,

            init = function() {

                // Create all elements and append to body
                create();

                // Now, open the modal
                open();

            }, // end init()

            create = function() {

                // Create the modal wrapper element
                modalWrapper = document.createElement( 'div' );
                modalWrapper.id = generateId( 'wrapper' );
                modalWrapper.className = settings.wrapperClass;

                // Create the modal element and add to wrapper
                modal = document.createElement( 'div' );
                modal.id = generateId( 'modal' );
                modal.className = settings.modalClass + ' ' + settings.campaignClass + ' gsc-content-' + contentId;

                if ( height_unit === 'auto' ) {
                    modal.style.height = 'auto';
                } else if ( height > 0 ) {
                    modal.style.height = height + height_unit;
                }
                if ( width_unit === 'auto' ) {
                    modal.style.width = 'auto';
                } else if ( width > 0 ) {
                    modal.style.width = width + width_unit;
                }

                modalWrapper.style.zIndex = zIndex;
                modalWrapper.appendChild( modal );
                /**
                 * Add it to the body before we actually insert HTML for some correct handling of <script> and <style> tags
                 * in the content code.
                 */
                document.getElementsByTagName( 'body' )[0].appendChild( modalWrapper );

                // Create a content wrapper, add the content, then add to the modal
                contentWrapper = document.createElement( 'div' );
                contentWrapper.className = settings.modalContentClass + ' ' + settings.modalContentClass + '-' + contentId;
                insertHtmlWithJS( contentWrapper, content );
                modal.appendChild( contentWrapper );

                // Create and add the close button
                closeButton = document.createElement( 'button' );
                closeButton.className = settings.closeClass;
                closeButton.innerHTML = 'x';
                modal.appendChild( closeButton );

            }, // end create()

            open = function() {
                // Show the modal and position
                modalWrapper.style.display = 'block';
                position();

                // Close and resize events
                bindEvents();

            }, // end open()

            /**
             * Used in an interval check primarily to check for <img> elements or background images that could
             * change the dimensions of the modal and cause it to be off-center if the initial position() call
             * was already made. This is usually due to a background image being larger than the html content in
             * the modal.
             */
            checkForChangedDimensions = function() {
                if ( modal.offsetHeight !== storedDimensions.height || modal.offsetWidth !== storedDimensions.width ) {
                    storedDimensions.height = modal.offsetHeight;
                    storedDimensions.width = modal.offsetWidth;
                    position();
                }
            },

            close = function() {

                // Set the style on the modal wrapper
                modalWrapper.style.display = 'none';

                // Remove click & onEscape listener
                unbindEvents();

            }, // end close()

            // Closes a modal if the clicked target is the modal wrapper
            closeOnClickOutside = function( e ) {

                e = e || window.event;
                if ( e.target === modalWrapper || e.srcElement === modalWrapper ) {
                    close();
                }

            }, // end closeOnClickOutside()

            position = function() {
                /**
                 * Reset the position as the orientation change from landscape to portrait on mobile Safari
                 * when no dimensions are set squeezes the modal horizontally while pinned to the right edge
                 * of the screen messing up the calculations below.
                 */
                modal.style.top = '0px';
                modal.style.left = '0px';

                var dim = getViewportSize();
                var topCalc = ( dim[1] / 2 ) - ( modal.offsetHeight / 2 );
                var leftCalc = ( dim[0] / 2 ) - ( modal.offsetWidth / 2 );

                // Center the modal, or position it on screen starting at top and/or left
                // of screen if modal dimensions exceed viewport size
                modal.style.top = String( topCalc < 0 ? 0 : topCalc ) + 'px';
                modal.style.left = String( leftCalc < 0 ? 0 : leftCalc ) + 'px';

            }, // end position()

            // Closes a modal when the "ESC" key is pressed
            escape = function( e ) {

                e = e || window.event;
                if( e.keyCode === 27 )
                    close();

            }, // end escape()

            bindEvents = function() {

                if ( !noCloseEvent ) {
                    // Add the listener for keyboard events
                    initEventListener({
                        element: document,
                        type: 'keydown',
                        callback: escape
                    });

                    // Add the click listener to the close button
                    initEventListener({
                        element: closeButton,
                        type: 'click',
                        callback: close
                    });

                    // Add click listener to modal wrapper
                    initEventListener({
                        element: modalWrapper,
                        type: 'click',
                        callback: closeOnClickOutside
                    });
                }

                // Add the window resize listener
                debouncedPosition = debounce( position, 200 );
                initEventListener({
                    element: window,
                    type: 'resize',
                    callback: debouncedPosition
                });

                // Add the interval check for changed dimensions
                window.setInterval( checkForChangedDimensions, 200 );
            }, // end bindEvents()

            unbindEvents = function() {

                // Remove all close related listeners
                removeEvent( document, 'keydown', escape );
                removeEvent( closeButton, 'click', close );
                removeEvent( modalWrapper, 'click', closeOnClickOutside );

                // remove debouncedPosition
                removeEvent( window, 'resize', debouncedPosition );

                window.clearInterval( checkForChangedDimensions );

            }, // end unbindEvents()

            generateId = function( suffix ) {
                return 'gscmodal-' + campaignId + '-' + suffix;
            }
        ;

        // Now start everything
        init();

        // Expose functions for API
        return {
            close: close
        };

    } // end window._gsc.Modal()

    window._gsc.Modal = Modal;

}());
(function () {
    'use strict';

    /**
     * indexOf "polyfill" since clients/prospects may improperly use for...in loops with arrays
     * and MDN polyfill will mess that incorrect usage up.
     * @param  {Array} arr  Array that you want to search for item
     * @param  {*}     item item you are looking for in arr
     * @return {Number}     index
     */

    /**
     * IE-8 friendly method to convert an object, including NodeLists (host objects), to an array.
     * @see    http://stackoverflow.com/questions/2735067/how-to-convert-a-dom-node-list-to-an-array-in-javascript
     * @param  {Object} obj Object to convert to an array
     * @return {Array}
     */
    function objToArray( obj ) {
        var array = [];
        for ( var i = 0; i < obj.length; i++ ) {
            array[i] = obj[i];
        }
        return array;
    }

    /**
     * Find any <style> elements in the provided element, and return them as an array.
     * (NodeList is an Array like object in older browsers)
     * @param  {Object} element DOM Node
     * @return {array}
     */
    function findStyleElements( element ) {
        return objToArray( element.getElementsByTagName( 'style' ) );
    }

    /**
     * Check that the element type supports the className attribute,
     * and that the provided className is included for the given DOM node
     * @param  {Object}  el        DOM node
     * @param  {String}  className class that we want to check for on el
     * @return {Boolean}
     */
    function hasClass( el, className ) {
        // short circuit for SVG elements which we know have an
        // object for className used for animation purposes.  Check
        // other elements to ensure className is present and of type, string,
        // which has an indexOf method.  Finally, check for the provided className.
        return className &&
                el.nodeName !== 'svg' &&
                el.className &&
                typeof el.className === 'string' &&
                el.className.indexOf( className ) !== -1;
    }

    /**
     * Create a <script> element with nested JS, and append it to the specified element
     * @param  {String}    js      Javascript to be added within <script> tag
     * @param  {Object}    element Element node
     * @param  {Array}     attrs   Array of objects with the key being the attribute, value the attribute's value
     * @return {undefined}
     */
    function insertJSInElement( js, element, attrs ) {
        var script = document.createElement( 'script' );

        // copy attributes from original script element to new script element
        if ( attrs && attrs.length ) {
            for ( var i = 0; i < attrs.length; i++ ) {
                var attrKey = Object.keys( attrs[i] )[0];
                script.setAttribute( attrKey, attrs[i][attrKey] );
            }
        }

        // IE8 does not support innerHTML on script DOM elements, and will
        // throw a run-time error
        if ( script.innerHTML ) {
            script.innerHTML = js;
        } else {
            script.text = js;
        }
        element.appendChild( script );
    }

    /**
     * Inserts HTML and script into an element.
     * @param  {Object}    element Node element
     * @param  {String}    content HTML content to insert
     * @return {undefined}
     */
    function insertHtmlWithJS( element, content ) {
        // IE8 does not allow strings which contain just a script tag to be
        // inserted using innerHTML.  You have to add a non-empty html tag as the first item in the string,
        // but it can be set to display: none so that it doesn't affect the look/feel
        if ( window.attachEvent ) {
            content = '<span style="display:none;">ie8-fix</span>' + content;
        }

        /**
         * Find, store, and remove <style> elements from the content before
         * re-inserting the html without <style> elements. Then, re-insert
         * the <style> elements. This is to get consistent application of CSS,
         * especially media queries, in IE11 which does not occur when inserting
         * in the <body> at the same time as the HTML.
         */
        var detachedEl = document.createElement( 'div' );
        detachedEl.innerHTML = content;
        var styleElements = findStyleElements( detachedEl );
        removeStyleElements( detachedEl, styleElements );
        element.innerHTML = detachedEl.innerHTML;
        insertStyleElements( element, styleElements );

        // Find the script tags
        var scripts = objToArray( element.getElementsByTagName( 'script' ) );
        var scriptContent;
        var scriptAttrs;
        var attrsArr;
        var attrObj;

        for( var i = 0; i < scripts.length; i++ ) {
            scriptContent = scripts[i].innerHTML;
            scriptAttrs = scripts[i].attributes;

            // ADMIN-1166: save attribute names and values in list for when new script
            // element is created and inserted back into campaign element
            attrsArr = [];
            for ( var j = 0; j < scriptAttrs.length; j++ ) {
                attrObj = {};
                attrObj[scriptAttrs[j].nodeName] = scriptAttrs[j].nodeValue;
                attrsArr.push( attrObj );
            }

            scripts[i].parentNode.removeChild( scripts[i] );

            // Create a new tag
            insertJSInElement( scriptContent, element, attrsArr );
        }

    }

    /**
     * Insert the provided <style> elements into the provided element.
     * @param  {Object} element       DOM Node
     * @param  {array}  styleElements list of <style> elements as objects
     */
    function insertStyleElements( element, styleElements ) {
        for ( var i = 0; i < styleElements.length; i++ ) {
            element.appendChild( styleElements[i] );
        }
    }

    /**
     * Remove the provided list of style element from the provided element.
     * @param  {Object} element       DOM Node
     * @param  {array}  styleElements list of <style> elements as objects
     */
    function removeStyleElements( element, styleElements ) {
        for ( var i = 0; i < styleElements.length; i++ ) {
            styleElements[i].parentElement.removeChild( styleElements[i] );
        }
    }

    /**
     * Check a link's href to try and determine if it is external:
     * - not a link to a named anchor in the page
     * - not a same page link with params
     * - not a javascript:void( 0 ) or void 0 link
     * @param  {string}  href link element's href attribute
     * @return {boolean}
     */
    function isExternalHref( href ) {
        return Boolean( href && href.charAt( 0 ) !== '?' &&
            href.charAt( 0 ) !== '#' &&
            href.indexOf( '/#' ) !== 0 &&
            href.indexOf( 'javascript:' ) === -1 &&
            href.indexOf( 'void 0' ) === -1 );
    }

    /**
     * Check to see if the given node is a link with an href and target not set to _blank
     * @param  {Object}  node DOM node instance
     * @return {boolean}
     */
    function isLinkWithTargetSelf( node ) {
        return node.nodeName.toLowerCase() === 'a' &&
            linkUtils.isExternalHref( node.attributes.href && node.attributes.href.value ) &&
            node.target.toLowerCase() !== '_blank';
    }

    /**
     * Uses dispatched js click event from link in all browsers except IE8 where click() is still supported
     * reference: http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
     *
     * This click event is a delayed click intended only when navigation is required, and will not mess up the referrer
     * history like setting window.location would.  This is called after the actual click event which all direct
     * and delegated handlers will have had a crack at assuming none of them called stopPropagation.  If any click handler
     * is depending on this outside of our code that is not correct, and will result in duplicate execution of that
     * click handler's callback function.  By setting bubbles to false we will ensure this event is not captured by
     * any delegated event handlers a second time.  Cancelable "should" also be false as any direct event handlers will
     * still get triggered a second time, but they should not stop this navigation, as again, they would have already
     * executed once.  They would have to be intentionally added for this content and initialized after our content loads,
     * and the node is present.  That being said, I can see it still being an issue in some edge cases where support/clients
     * may need to override this event for reasons unknown and will leave it to them to do that rather than not giving
     * the option.
     * @param {Object} node DOM node instance
     */
    function navigateToUrl( node ) {
        if ( typeof window.MouseEvent === 'function' ) {
            // Modern browsers
            var evt = new MouseEvent( 'click', {
                bubbles: false,
                cancelable: true
            });
            node.dispatchEvent( evt );
        } else if ( document.createEvent ) {
            // old school (deprecated) approach for modern browsers
            // and supported methods in IE9/10/11
            var evt = document.createEvent('MouseEvents');
            evt.initEvent('click', false, true);
            node.dispatchEvent(evt);
        } else if( document.createEventObject ) {
            // IE8
            node.click();
        } else if (typeof node.onclick == 'function' ) {
            // Pre IE8
            node.onclick();
        }
    }

    /**
     * Our default object to export and also reference internally to allow for
     * easy mocking/spying in tests and still allow individual functions to be imported
     * in other modules.
     * @type {Object}
     */
    var linkUtils = {
        isExternalHref: isExternalHref,
        isLinkWithTargetSelf: isLinkWithTargetSelf,
        navigateToUrl: navigateToUrl
    };

    /**
     * The time GSC will delay a clickthrough to give time for tracking calls to complete
     * @type {Number}
     */
    var clickDelayTime = 250;

    /**
     * Adds a class indicating an event from it has been completed to prevent
     * duplicate event tracking.
     * @param {Object} target          DOM node
     * @param {string} completionClass class name denoting completed event
     */
    function addCompletionClass( target, completionClass ) {
        if ( completionClass ) {
            target.className += ' ' + completionClass;
        }
    }

    /**
     * When addEventListener is supported hookup up our listener and respective callback function
     * @param {Object} props event and action config
     */
    function addEventListener( props ) {
        var callback = function( event ) {
            eventUtils.addEventListenerCallback( event, props );
        };
        props.element.addEventListener( props.type, callback );
        return {
            element: props.element,
            handler: callback,
            type: props.type
        };
    }

    /**
     * Callback for addEventListener which will ensure we have not already dealt with this event tracking
     * by checking for a completion class on the event target. If not we will process the event.
     * @param {Object} event Event instance
     * @param {Object} props action config for comparing with event and tracking
     */
    function addEventListenerCallback( event, props ) {
        eventUtils.eventHandler( event.target, props, event );
    }

    /**
     * When addEventListener is not supported but attachEvent is hookup up our listener and respective callback function.
     * @param {Object} props event and action config
     */
    function attachEvent( props ) {
        var callback = function ( event ) {
            attachEventCallback( event, props );
        };
        props.element.attachEvent( 'on'+props.type, callback );
        return {
            element: props.element,
            handler: callback,
            type: props.type
        };
    }

    /**
     * Callback for attachEvent which will ensure we have not already dealt with this event tracking
     * by checking for a completion class on the event's srcElement. If not we will process the event.
     * @param {Object} event Event instance
     * @param {Object} props action config for comparing with event and tracking
     */
    function attachEventCallback( event, props ) {
        eventUtils.eventHandler( event.srcElement, props, event );
    }

    /**
     * For click type events if the event target is an external link we will
     * delay the navigation slightly to allow our tracking to complete.
     * @param  {string} type   event type like 'click'
     * @param  {Object} target DOM node
     * @param  {Object} event  native event object
     */
    function delayNavigationOnClick( type, target, event ) {
        if ( type === 'click'
            && isLinkWithTargetSelf( target )
            && !eventUtils.defaultPrevented( event ) ) {
            eventUtils.preventDefault( event );
            setTimeout( function(){ navigateToUrl( target ); }, eventUtils.clickDelayTime );
        }
    }

    /**
     * Hooks up our delegated event given the following props:
     * @param  {String}   element         element that will listen for bubbled event
     * @param  {String}   type            event type
     * @param  {String}   selector        selector of target element that initialized event
     * @param  {Function} callback        function to call when target matches and event is captured
     * @param  {String}   completionClass class name to append to target to prevent double tracking
     * @return undefined
     */
    function initEventListener( props ) {
        if ( typeof props.callback === 'function' ) {
            // modern browsers
            if ( props.element.addEventListener ) {
                return eventUtils.addEventListener( props );
            // IE8 support
            } else if ( props.element.attachEvent ) {
                return eventUtils.attachEvent( props );
            }
        }
    }

    /**
     * For the current event and target check to see if the passed in selector matches the target,
     * delay the event if this is an external link before navigating, and then call the callback while
     * also adding the completion class to prevent this event and action from being handled again.
     * @param  {Object} target DOM node (not pulled from the provided event since that property
     *                         varies by supported event listener and is handled by the callee)
     * @param  {Object} props  necessary action props: selector, type, completionClass, and callback
     * @param  {Object} event  Event instance
     */
    function eventHandler( target, props, event ) {
        var element = props.element;
        var selector = props.selector;
        var type = props.type;
        var completionClass = props.completionClass;
        var callback = props.callback;

        if ( selector ) {
            // delegated
            var selectorElements = document.querySelectorAll( selector );
            for ( var i = 0; i < selectorElements.length; i++ ) {
                /**
                 * Before checking for a match, see if a parent element has
                 * the selector in case a child element is the click event target.
                 */
                if ( type === 'click' && target !== selectorElements[i] ) {
                    var closestTarget = target.closest( selector );
                    if ( !closestTarget ) {
                        break;
                    }
                    target = closestTarget;
                }

                /**
                 * Don't proceed if:
                 * - the click target was a nested element and didn't have a closest
                 *   parent element with the matching selector so the target is null
                 * - we have already executed the callback if a completion class
                 *   is provided meaning it should execute only once.
                 */
                if ( target && completionClass && hasClass( target, completionClass ) ) {
                    break;
                }

                if ( target === selectorElements[i] ) {
                    eventUtils.delayNavigationOnClick( type, target, event );
                    eventUtils.addCompletionClass( target, completionClass );
                    callback( event );
                    break;
                }
            }
        } else {
            // direct - check element rather than potentially nested target for the completion class
            if ( target && completionClass && hasClass( element, completionClass ) ) {
                return;
            }
            eventUtils.delayNavigationOnClick( type, target, event );
            // Add the completionClass to the original element and not the potentially nested target
            eventUtils.addCompletionClass( element, completionClass );
            callback( event );
        }
    }

    /**
     * Return either the value of defaultPrevented or returnValue for IE8 to determine
     * if an event has already had it's default behavior prevented.
     * @param  {Object} ev Event instance
     * @return {boolean}
     */
    function defaultPrevented( ev ) {
        if ( typeof ev.defaultPrevented !== 'undefined' ) {
            // Modern browsers and IE9+
            return ev.defaultPrevented;
        } else {
            // IE8
            return ev.returnValue;
        }
    }

    /**
     * Call preventDefault in modern browsers or set returnValue to false in IE8 to
     * prevent the default event behavior.
     * @param  {Object} ev Event instance
     */
    function preventDefault( ev ) {
        if ( ev.preventDefault ) {
            // Modern browsers and IE9+
            ev.preventDefault();
        } else {
            // IE8
            ev.returnValue = false;
        }
    }

    /**
     * Removes an event listener from an element.
     * @param {Object}   element  Element node
     * @param {String}   type     Type of event listener to remove. E.g. 'click'
     * @param {Function} callback EventListener function of the event handler to remove from the event target
     */
    function removeEvent( element, type, callback ) {
        if ( element.removeEventListener ) {
            element.removeEventListener( type, callback );
        } else if ( element.detachEvent ) {
            element.detachEvent( 'on'+type, callback );
        }
    }

    /**
     * Our default object to export and also reference internally to allow for
     * easy mocking/spying in tests and still allow individual functions to be imported
     * in other modules.
     * @type {Object}
     */
    var eventUtils = {
        addCompletionClass: addCompletionClass,
        clickDelayTime: clickDelayTime,
        addEventListener: addEventListener,
        addEventListenerCallback: addEventListenerCallback,
        attachEvent: attachEvent,
        attachEventCallback: attachEventCallback,
        defaultPrevented: defaultPrevented,
        delayNavigationOnClick: delayNavigationOnClick,
        eventHandler: eventHandler,
        initEventListener: initEventListener,
        preventDefault: preventDefault,
        removeEvent: removeEvent
    };

    function Banner( options ) {

        var bannerDiv;
        var bannerPosition = options.bannerPosition;
        var campaignId = options.campaignId;
        var content = options.content;
        var contentId = options.contentId;
        var contentDiv;
        var closeButton;
        var css;
        var noCloseEvent = options.noCloseEvent;
        var zIndex = options.zIndex;

        // set dimensions if enabled
        var width = '';
        var height = '';
        if ( options.height_unit === 'auto' ) {
            height = options.height_unit;
        } else if ( +options.height > 0 ) {
            height = +options.height + options.height_unit;
        } else {
            height = '40px';
        }
        if ( options.width_unit === 'auto' ) {
            width = options.width_unit;
        } else if ( +options.width > 0 ) {
            width = +options.width + options.width_unit;
        } else {
            width = '100%';
        }

        var init = function() {
            create();
        };

        var create = function() {
            bannerDiv = document.createElement( 'div' );
            bannerDiv.id = 'gsc-banner-' + campaignId;
            bannerDiv.className = 'gsc-banner gsc-banner-'+bannerPosition+' gsc-campaign gsc-campaign-' + campaignId + ' gsc-content-' + contentId;
            bannerDiv.style.width = width;
            bannerDiv.style.height = height;

            bannerDiv.style.zIndex = zIndex;
            /**
             * Add it to the body before we actually insert HTML for some correct handling of <script> and <style> tags
             * in the content code.
             */
            var bodyEl = document.getElementsByTagName( 'body' )[0];
            bodyEl.className += ' gsc-banner-visible gsc-banner-'+bannerPosition+'-visible';

            contentDiv = document.createElement( 'div' );
            contentDiv.id = 'gsc-banner-content-' + contentId;
            contentDiv.className = 'gsc-banner-content' + ' gsc-banner-content-' + contentId;
            insertHtmlWithJS( contentDiv, content );
            bannerDiv.appendChild( contentDiv );

            // Create and add the close button
            closeButton = document.createElement( 'button' );
            closeButton.className = 'gsc-banner-close-btn';
            closeButton.innerHTML = 'x';
            bannerDiv.appendChild( closeButton );

            // Add it all to body
            if ( bannerPosition === 'bottom' ) {
                bodyEl.appendChild( bannerDiv );
            } else {
                bodyEl.insertBefore( bannerDiv, bodyEl.firstChild );
            }

            css = '.gsc-banner{'+bannerPosition+':0;height:' + height + ';}';
            window._gsc.css.edit( css, '#gsc-css-banner' );
            checkForLoadedImages();

            bindEvents();

        };

        var addPaddingToBody = function() {
            var currentBannerHeight = bannerDiv.innerHeight || bannerDiv.clientHeight;
            css = 'body{padding-'+bannerPosition+':' + currentBannerHeight + 'px;}';
            window._gsc.css.edit( css, '#gsc-css-banner-body-padding', true );
        };

        // Makes sure any images have loaded and are contributing to banner element's height
        // before calling addPaddingToBody
        var checkForLoadedImages = function() {
            var images = document.querySelectorAll( 'img' );
            if ( images.length ) {
                var attempts = 0;
                var imageIntervalCheck = setInterval( function() {
                    var allImagesLoaded = true;
                    for ( var i = 0; i < images.length; i++ ) {
                        if ( !images[i].complete ) {
                            allImagesLoaded = false;
                            break;
                        }
                    }
                    attempts += 1;
                    if ( allImagesLoaded || attempts >= 10 ) {
                        clearInterval( imageIntervalCheck );
                        addPaddingToBody();
                    }
                }, 100 );
            } else {
                addPaddingToBody();
            }
        };

        var close = function() {
            var bodyEl = document.getElementsByTagName("body")[0];
            var bannerVisibleClass= ' gsc-banner-visible';
            var bannerPositionVisibleClass = ' gsc-banner-'+ bannerPosition +'-visible';

            // Remove both the generic and position-specific class names
            var bannerVisibleInd = bodyEl.className.indexOf( bannerVisibleClass );
            bodyEl.className =
                bodyEl.className.substring( 0, bannerVisibleInd ) + bodyEl.className.substring( bannerVisibleInd + bannerVisibleClass.length );

            var bannerPositionVisibleInd = bodyEl.className.indexOf( bannerPositionVisibleClass );
            bodyEl.className =
                bodyEl.className.substring( 0, bannerPositionVisibleInd ) + bodyEl.className.substring( bannerPositionVisibleInd + bannerPositionVisibleClass.length );

            // Remove the element and clean up css and events
            bodyEl.removeChild(bannerDiv);
            removeCSS();
            unbindEvents();
        };

        var bindEvents = function() {
            if ( !noCloseEvent ) {
                initEventListener({
                    element: closeButton,
                    type: 'click',
                    callback: close
                });
            }
            initEventListener({
                element: window,
                type: 'resize',
                callback: addPaddingToBody
            });
        };

        var unbindEvents = function() {
            removeEvent( closeButton, 'click', close );
        };

        var removeCSS = function() {
            // Since we are adding padding to the body we need to remove our styles when closing the banner
            var head = document.head || document.getElementsByTagName( 'head' )[0];
            var sheet = head.querySelector( '#gsc-css-banner' );
            if( sheet && typeof sheet.setAttribute === 'function' ) {
                sheet.setAttribute( 'disabled', true );
                sheet.parentNode.removeChild( sheet );
            }
            var sheetPadding = head.querySelector( '#gsc-css-banner-body-padding' );
            if( sheetPadding && typeof sheetPadding.setAttribute === 'function' ) {
                sheetPadding.setAttribute( 'disabled', true );
                sheetPadding.parentNode.removeChild( sheetPadding );
            }
        };

        // Now start everything
        init();

        // Expose functions for API
        return {
            close: close
        };
    }

    window._gsc.Banner = Banner;

}());
(function () {
    'use strict';

    /**
     * indexOf "polyfill" since clients/prospects may improperly use for...in loops with arrays
     * and MDN polyfill will mess that incorrect usage up.
     * @param  {Array} arr  Array that you want to search for item
     * @param  {*}     item item you are looking for in arr
     * @return {Number}     index
     */

    /**
     * IE-8 friendly method to convert an object, including NodeLists (host objects), to an array.
     * @see    http://stackoverflow.com/questions/2735067/how-to-convert-a-dom-node-list-to-an-array-in-javascript
     * @param  {Object} obj Object to convert to an array
     * @return {Array}
     */
    function objToArray( obj ) {
        var array = [];
        for ( var i = 0; i < obj.length; i++ ) {
            array[i] = obj[i];
        }
        return array;
    }

    /**
     * Returns a debounced version of the function so it is only called
     * once per wait (ms) period.
     *
     * @see https://davidwalsh.name/javascript-debounce-function
     *
     * @param  {function} func      function that we want to debounce
     * @param  {number}   wait      ms to wait to call once
     * @param  {boolean}  immediate call on the leading instead of trailing edge
     * @return {function}           debounced function
     */
    function debounce( func, wait, immediate ) {
        var timeout;
        return function() {
            var context = this, args = arguments;
            var later = function() {
                timeout = null;
                if ( !immediate ) {
                    func.apply( context, args );
                }
            };
            var callNow = immediate && !timeout;
            clearTimeout( timeout );
            timeout = setTimeout( later, wait );
            if ( callNow ) {
                func.apply( context, args );
            }
        }
    }

    /**
     * Find any <style> elements in the provided element, and return them as an array.
     * (NodeList is an Array like object in older browsers)
     * @param  {Object} element DOM Node
     * @return {array}
     */
    function findStyleElements( element ) {
        return objToArray( element.getElementsByTagName( 'style' ) );
    }

    /**
     * Returns array of viewport dimensions.
     * @return {Array} [width, height]
     */
    function getViewportSize() {
        return [document.documentElement.clientWidth, document.documentElement.clientHeight];
    }

    /**
     * Check that the element type supports the className attribute,
     * and that the provided className is included for the given DOM node
     * @param  {Object}  el        DOM node
     * @param  {String}  className class that we want to check for on el
     * @return {Boolean}
     */
    function hasClass( el, className ) {
        // short circuit for SVG elements which we know have an
        // object for className used for animation purposes.  Check
        // other elements to ensure className is present and of type, string,
        // which has an indexOf method.  Finally, check for the provided className.
        return className &&
                el.nodeName !== 'svg' &&
                el.className &&
                typeof el.className === 'string' &&
                el.className.indexOf( className ) !== -1;
    }

    /**
     * Create a <script> element with nested JS, and append it to the specified element
     * @param  {String}    js      Javascript to be added within <script> tag
     * @param  {Object}    element Element node
     * @param  {Array}     attrs   Array of objects with the key being the attribute, value the attribute's value
     * @return {undefined}
     */
    function insertJSInElement( js, element, attrs ) {
        var script = document.createElement( 'script' );

        // copy attributes from original script element to new script element
        if ( attrs && attrs.length ) {
            for ( var i = 0; i < attrs.length; i++ ) {
                var attrKey = Object.keys( attrs[i] )[0];
                script.setAttribute( attrKey, attrs[i][attrKey] );
            }
        }

        // IE8 does not support innerHTML on script DOM elements, and will
        // throw a run-time error
        if ( script.innerHTML ) {
            script.innerHTML = js;
        } else {
            script.text = js;
        }
        element.appendChild( script );
    }

    /**
     * Inserts HTML and script into an element.
     * @param  {Object}    element Node element
     * @param  {String}    content HTML content to insert
     * @return {undefined}
     */
    function insertHtmlWithJS( element, content ) {
        // IE8 does not allow strings which contain just a script tag to be
        // inserted using innerHTML.  You have to add a non-empty html tag as the first item in the string,
        // but it can be set to display: none so that it doesn't affect the look/feel
        if ( window.attachEvent ) {
            content = '<span style="display:none;">ie8-fix</span>' + content;
        }

        /**
         * Find, store, and remove <style> elements from the content before
         * re-inserting the html without <style> elements. Then, re-insert
         * the <style> elements. This is to get consistent application of CSS,
         * especially media queries, in IE11 which does not occur when inserting
         * in the <body> at the same time as the HTML.
         */
        var detachedEl = document.createElement( 'div' );
        detachedEl.innerHTML = content;
        var styleElements = findStyleElements( detachedEl );
        removeStyleElements( detachedEl, styleElements );
        element.innerHTML = detachedEl.innerHTML;
        insertStyleElements( element, styleElements );

        // Find the script tags
        var scripts = objToArray( element.getElementsByTagName( 'script' ) );
        var scriptContent;
        var scriptAttrs;
        var attrsArr;
        var attrObj;

        for( var i = 0; i < scripts.length; i++ ) {
            scriptContent = scripts[i].innerHTML;
            scriptAttrs = scripts[i].attributes;

            // ADMIN-1166: save attribute names and values in list for when new script
            // element is created and inserted back into campaign element
            attrsArr = [];
            for ( var j = 0; j < scriptAttrs.length; j++ ) {
                attrObj = {};
                attrObj[scriptAttrs[j].nodeName] = scriptAttrs[j].nodeValue;
                attrsArr.push( attrObj );
            }

            scripts[i].parentNode.removeChild( scripts[i] );

            // Create a new tag
            insertJSInElement( scriptContent, element, attrsArr );
        }

    }

    /**
     * Insert the provided <style> elements into the provided element.
     * @param  {Object} element       DOM Node
     * @param  {array}  styleElements list of <style> elements as objects
     */
    function insertStyleElements( element, styleElements ) {
        for ( var i = 0; i < styleElements.length; i++ ) {
            element.appendChild( styleElements[i] );
        }
    }

    /**
     * Remove the provided list of style element from the provided element.
     * @param  {Object} element       DOM Node
     * @param  {array}  styleElements list of <style> elements as objects
     */
    function removeStyleElements( element, styleElements ) {
        for ( var i = 0; i < styleElements.length; i++ ) {
            styleElements[i].parentElement.removeChild( styleElements[i] );
        }
    }

    /**
     * Check a link's href to try and determine if it is external:
     * - not a link to a named anchor in the page
     * - not a same page link with params
     * - not a javascript:void( 0 ) or void 0 link
     * @param  {string}  href link element's href attribute
     * @return {boolean}
     */
    function isExternalHref( href ) {
        return Boolean( href && href.charAt( 0 ) !== '?' &&
            href.charAt( 0 ) !== '#' &&
            href.indexOf( '/#' ) !== 0 &&
            href.indexOf( 'javascript:' ) === -1 &&
            href.indexOf( 'void 0' ) === -1 );
    }

    /**
     * Check to see if the given node is a link with an href and target not set to _blank
     * @param  {Object}  node DOM node instance
     * @return {boolean}
     */
    function isLinkWithTargetSelf( node ) {
        return node.nodeName.toLowerCase() === 'a' &&
            linkUtils.isExternalHref( node.attributes.href && node.attributes.href.value ) &&
            node.target.toLowerCase() !== '_blank';
    }

    /**
     * Uses dispatched js click event from link in all browsers except IE8 where click() is still supported
     * reference: http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
     *
     * This click event is a delayed click intended only when navigation is required, and will not mess up the referrer
     * history like setting window.location would.  This is called after the actual click event which all direct
     * and delegated handlers will have had a crack at assuming none of them called stopPropagation.  If any click handler
     * is depending on this outside of our code that is not correct, and will result in duplicate execution of that
     * click handler's callback function.  By setting bubbles to false we will ensure this event is not captured by
     * any delegated event handlers a second time.  Cancelable "should" also be false as any direct event handlers will
     * still get triggered a second time, but they should not stop this navigation, as again, they would have already
     * executed once.  They would have to be intentionally added for this content and initialized after our content loads,
     * and the node is present.  That being said, I can see it still being an issue in some edge cases where support/clients
     * may need to override this event for reasons unknown and will leave it to them to do that rather than not giving
     * the option.
     * @param {Object} node DOM node instance
     */
    function navigateToUrl( node ) {
        if ( typeof window.MouseEvent === 'function' ) {
            // Modern browsers
            var evt = new MouseEvent( 'click', {
                bubbles: false,
                cancelable: true
            });
            node.dispatchEvent( evt );
        } else if ( document.createEvent ) {
            // old school (deprecated) approach for modern browsers
            // and supported methods in IE9/10/11
            var evt = document.createEvent('MouseEvents');
            evt.initEvent('click', false, true);
            node.dispatchEvent(evt);
        } else if( document.createEventObject ) {
            // IE8
            node.click();
        } else if (typeof node.onclick == 'function' ) {
            // Pre IE8
            node.onclick();
        }
    }

    /**
     * Our default object to export and also reference internally to allow for
     * easy mocking/spying in tests and still allow individual functions to be imported
     * in other modules.
     * @type {Object}
     */
    var linkUtils = {
        isExternalHref: isExternalHref,
        isLinkWithTargetSelf: isLinkWithTargetSelf,
        navigateToUrl: navigateToUrl
    };

    /**
     * The time GSC will delay a clickthrough to give time for tracking calls to complete
     * @type {Number}
     */
    var clickDelayTime = 250;

    /**
     * Adds a class indicating an event from it has been completed to prevent
     * duplicate event tracking.
     * @param {Object} target          DOM node
     * @param {string} completionClass class name denoting completed event
     */
    function addCompletionClass( target, completionClass ) {
        if ( completionClass ) {
            target.className += ' ' + completionClass;
        }
    }

    /**
     * When addEventListener is supported hookup up our listener and respective callback function
     * @param {Object} props event and action config
     */
    function addEventListener( props ) {
        var callback = function( event ) {
            eventUtils.addEventListenerCallback( event, props );
        };
        props.element.addEventListener( props.type, callback );
        return {
            element: props.element,
            handler: callback,
            type: props.type
        };
    }

    /**
     * Callback for addEventListener which will ensure we have not already dealt with this event tracking
     * by checking for a completion class on the event target. If not we will process the event.
     * @param {Object} event Event instance
     * @param {Object} props action config for comparing with event and tracking
     */
    function addEventListenerCallback( event, props ) {
        eventUtils.eventHandler( event.target, props, event );
    }

    /**
     * When addEventListener is not supported but attachEvent is hookup up our listener and respective callback function.
     * @param {Object} props event and action config
     */
    function attachEvent( props ) {
        var callback = function ( event ) {
            attachEventCallback( event, props );
        };
        props.element.attachEvent( 'on'+props.type, callback );
        return {
            element: props.element,
            handler: callback,
            type: props.type
        };
    }

    /**
     * Callback for attachEvent which will ensure we have not already dealt with this event tracking
     * by checking for a completion class on the event's srcElement. If not we will process the event.
     * @param {Object} event Event instance
     * @param {Object} props action config for comparing with event and tracking
     */
    function attachEventCallback( event, props ) {
        eventUtils.eventHandler( event.srcElement, props, event );
    }

    /**
     * For click type events if the event target is an external link we will
     * delay the navigation slightly to allow our tracking to complete.
     * @param  {string} type   event type like 'click'
     * @param  {Object} target DOM node
     * @param  {Object} event  native event object
     */
    function delayNavigationOnClick( type, target, event ) {
        if ( type === 'click'
            && isLinkWithTargetSelf( target )
            && !eventUtils.defaultPrevented( event ) ) {
            eventUtils.preventDefault( event );
            setTimeout( function(){ navigateToUrl( target ); }, eventUtils.clickDelayTime );
        }
    }

    /**
     * Hooks up our delegated event given the following props:
     * @param  {String}   element         element that will listen for bubbled event
     * @param  {String}   type            event type
     * @param  {String}   selector        selector of target element that initialized event
     * @param  {Function} callback        function to call when target matches and event is captured
     * @param  {String}   completionClass class name to append to target to prevent double tracking
     * @return undefined
     */
    function initEventListener( props ) {
        if ( typeof props.callback === 'function' ) {
            // modern browsers
            if ( props.element.addEventListener ) {
                return eventUtils.addEventListener( props );
            // IE8 support
            } else if ( props.element.attachEvent ) {
                return eventUtils.attachEvent( props );
            }
        }
    }

    /**
     * For the current event and target check to see if the passed in selector matches the target,
     * delay the event if this is an external link before navigating, and then call the callback while
     * also adding the completion class to prevent this event and action from being handled again.
     * @param  {Object} target DOM node (not pulled from the provided event since that property
     *                         varies by supported event listener and is handled by the callee)
     * @param  {Object} props  necessary action props: selector, type, completionClass, and callback
     * @param  {Object} event  Event instance
     */
    function eventHandler( target, props, event ) {
        var element = props.element;
        var selector = props.selector;
        var type = props.type;
        var completionClass = props.completionClass;
        var callback = props.callback;

        if ( selector ) {
            // delegated
            var selectorElements = document.querySelectorAll( selector );
            for ( var i = 0; i < selectorElements.length; i++ ) {
                /**
                 * Before checking for a match, see if a parent element has
                 * the selector in case a child element is the click event target.
                 */
                if ( type === 'click' && target !== selectorElements[i] ) {
                    var closestTarget = target.closest( selector );
                    if ( !closestTarget ) {
                        break;
                    }
                    target = closestTarget;
                }

                /**
                 * Don't proceed if:
                 * - the click target was a nested element and didn't have a closest
                 *   parent element with the matching selector so the target is null
                 * - we have already executed the callback if a completion class
                 *   is provided meaning it should execute only once.
                 */
                if ( target && completionClass && hasClass( target, completionClass ) ) {
                    break;
                }

                if ( target === selectorElements[i] ) {
                    eventUtils.delayNavigationOnClick( type, target, event );
                    eventUtils.addCompletionClass( target, completionClass );
                    callback( event );
                    break;
                }
            }
        } else {
            // direct - check element rather than potentially nested target for the completion class
            if ( target && completionClass && hasClass( element, completionClass ) ) {
                return;
            }
            eventUtils.delayNavigationOnClick( type, target, event );
            // Add the completionClass to the original element and not the potentially nested target
            eventUtils.addCompletionClass( element, completionClass );
            callback( event );
        }
    }

    /**
     * Return either the value of defaultPrevented or returnValue for IE8 to determine
     * if an event has already had it's default behavior prevented.
     * @param  {Object} ev Event instance
     * @return {boolean}
     */
    function defaultPrevented( ev ) {
        if ( typeof ev.defaultPrevented !== 'undefined' ) {
            // Modern browsers and IE9+
            return ev.defaultPrevented;
        } else {
            // IE8
            return ev.returnValue;
        }
    }

    /**
     * Call preventDefault in modern browsers or set returnValue to false in IE8 to
     * prevent the default event behavior.
     * @param  {Object} ev Event instance
     */
    function preventDefault( ev ) {
        if ( ev.preventDefault ) {
            // Modern browsers and IE9+
            ev.preventDefault();
        } else {
            // IE8
            ev.returnValue = false;
        }
    }

    /**
     * Removes an event listener from an element.
     * @param {Object}   element  Element node
     * @param {String}   type     Type of event listener to remove. E.g. 'click'
     * @param {Function} callback EventListener function of the event handler to remove from the event target
     */
    function removeEvent( element, type, callback ) {
        if ( element.removeEventListener ) {
            element.removeEventListener( type, callback );
        } else if ( element.detachEvent ) {
            element.detachEvent( 'on'+type, callback );
        }
    }

    /**
     * Our default object to export and also reference internally to allow for
     * easy mocking/spying in tests and still allow individual functions to be imported
     * in other modules.
     * @type {Object}
     */
    var eventUtils = {
        addCompletionClass: addCompletionClass,
        clickDelayTime: clickDelayTime,
        addEventListener: addEventListener,
        addEventListenerCallback: addEventListenerCallback,
        attachEvent: attachEvent,
        attachEventCallback: attachEventCallback,
        defaultPrevented: defaultPrevented,
        delayNavigationOnClick: delayNavigationOnClick,
        eventHandler: eventHandler,
        initEventListener: initEventListener,
        preventDefault: preventDefault,
        removeEvent: removeEvent
    };

    function Flyin( options ) {

        var campaignId = options.campaignId;
        var content = options.content;
        var contentId = options.contentId;
        var displayOptions = options.display_options;
        var height = +options.height;
        var height_unit = options.height_unit;
        var noCloseEvent = options.noCloseEvent;
        var width = +options.width;
        var width_unit = options.width_unit;
        var possiblePositions = ['top', 'right', 'bottom', 'left'];
        var configuredPositions = [];
        var flyinDiv;
        var contentDiv;
        var closeButton;
        var zIndex = options.zIndex;
        var verticalPositionCalc = 0;
        var horizontalPositionCalc = 0;
        var debouncedReposition = null;

        // Since we have to support display in IE9 where CSS transitions are not supported yet
        // we use Velocity to animate which works without jQuery down to IE9.  Animations are not
        // supported in IE8
        var animate = function( el, properties, options ) {
            // Run the animations
            if( window.jQuery && typeof jQuery.Velocity === 'function' ) {
                window.jQuery.Velocity( el, properties, options );
            } else if ( window.Velocity ) {
                Velocity( el, properties, options );
            } else {
                displayInstant();
            }
        };

        // Hookup close button click event handler
        var bindEvents = function() {
            debouncedReposition = debounce( reposition, 100 );
            initEventListener({
                element: window,
                type: 'resize',
                callback: debouncedReposition
            });

            if ( !noCloseEvent ) {
                initEventListener({
                    element: closeButton,
                    type: 'click',
                    callback: close
                });
            }
        };

        // Get viewport size and vertical and horizontal "center" relative to fly-in
        // or if the fly-in is bigger than viewport set it to top and/or left side
        var calculatePosition = function() {
            var dim = getViewportSize();
            verticalPositionCalc = ( dim[1] / 2 ) - ( height / 2 );
            horizontalPositionCalc = ( dim[0] / 2 ) - ( width / 2 );
            verticalPositionCalc = verticalPositionCalc < 0 ? 0 : verticalPositionCalc;
            horizontalPositionCalc = horizontalPositionCalc < 0 ? 0 : horizontalPositionCalc;
        };

        /**
         * Resets all positions, max-height, max-width, and overflow which removes the inline
         * styles and allows our repositioning code to cleanly add the new inline styles.
         */
        var clearPositionStyles = function() {
            flyinDiv.style.bottom = '';
            flyinDiv.style.left = '';
            flyinDiv.style.right = '';
            flyinDiv.style.top = '';
            flyinDiv.style.maxHeight = '';
            flyinDiv.style.maxWidth = '';
            flyinDiv.style.overflow = '';
        };

        // event handler to be called when a user clicks the close button for the fly-in
        var close = function() {
            document.getElementsByTagName("body")[0].removeChild(flyinDiv);
            unbindEvents();
        };

        // Creates the fly-in and fly-in content elements, populates content, creates
        // close button, initializes position data and calls display methods, and hooks up
        // click event handler on close button
        var create = function() {
            flyinDiv = document.createElement( 'div' );
            flyinDiv.id = 'gsc-flyin-' + campaignId;
            flyinDiv.className = 'gsc-flyin gsc-flyin-' + campaignId + ' gsc-campaign gsc-campaign-' + campaignId + ' gsc-content-' + contentId;

            if ( height_unit === 'auto' ) {
                flyinDiv.style.height = 'auto';
            } else if ( height > 0 ) {
                flyinDiv.style.height = height + height_unit;
            }
            if ( width_unit === 'auto' ) {
                flyinDiv.style.width = 'auto';
            } else if ( width > 0 ) {
                flyinDiv.style.width = width + width_unit;
            }

            flyinDiv.style.zIndex = zIndex;
            /**
             * Add it to the body before we actually insert HTML for some correct handling of <script> and <style> tags
             * in the content code.
             */
            var firstChild = document.getElementsByTagName( 'body' )[0].firstChild;
            document.getElementsByTagName( 'body' )[0].insertBefore( flyinDiv, firstChild );

            contentDiv = document.createElement( 'div' );
            contentDiv.id = 'gsc-flyin-content-' + contentId;
            contentDiv.className = 'gsc-flyin-content gsc-flyin-content-' + contentId;
            insertHtmlWithJS( contentDiv, content );
            flyinDiv.appendChild( contentDiv );

            // Create and add the close button
            closeButton = document.createElement( 'button' );
            closeButton.className = 'gsc-flyin-close-btn';
            closeButton.innerHTML = 'x';
            flyinDiv.appendChild( closeButton );

            // We need to ensure the content has been inserted and loaded so that the px value
            // dimensions of the flyin can be captured and used to position it correctly
            var dimensionsIntervalAttempts = 0;
            var dimensionsIntervalCheck = setInterval( function() {
                dimensionsIntervalAttempts += 1;
                setPxValueDimensions();
                if ( width > 0 || dimensionsIntervalAttempts >= 10 ) {
                    clearInterval( dimensionsIntervalCheck );
                    identifyConfiguredPositions();
                    position();
                }
            }, 200 );

            bindEvents();
        };

        // If fade animation is selected we need to calculate the position of the fly-in, and animate
        // the fade
        var displayFade = function() {
            var dimensions = getFinalPosition();
            var options = { duration: 500 };

            flyinDiv.style[dimensions.pos1] = dimensions.px1 + 'px';
            flyinDiv.style[dimensions.pos2] = dimensions.px2 + 'px';
            flyinDiv.style.opacity = 0;
            flyinDiv.className += ' gsc-flyin-visible';
            animate( flyinDiv, {opacity: 1}, options );
        };

        // Calculate final position of fly-in and display if no animation is configured
        var displayInstant = function() {
            var dimensions = getFinalPosition();

            flyinDiv.style[dimensions.pos1] = dimensions.px1 + 'px';
            flyinDiv.style[dimensions.pos2] = dimensions.px2 + 'px';
            flyinDiv.className += ' gsc-flyin-visible';
        };

        // If slide animation is selected we need to initialize the position of the fly-in
        // off-screen, and then calculate the final position and animate to that position
        var displaySlide = function( slideDirection ) {
            var dimensions = getFinalPosition();
            var initialDimensions = getInitialPosition( dimensions, slideDirection );
            var options = { duration: 500 };

            flyinDiv.style[initialDimensions.pos1] = initialDimensions.px1 + 'px';
            flyinDiv.style[initialDimensions.pos2] = initialDimensions.px2 + 'px';
            flyinDiv.className += ' gsc-flyin-visible';

            var properties = {};
            properties[dimensions.pos1] = dimensions.px1;
            properties[dimensions.pos2] = dimensions.px2;
            animate( flyinDiv, properties, options );
        };

        // returns starting position dimensions for fly-ins with slide animation configured
        var getInitialPosition = function( dimensions, slideDirection ) {
            var initialDimensions = {};
            var positions = [dimensions.pos1, dimensions.pos2];
            var px = [dimensions.px1, dimensions.px2];

            if ( slideDirection === 'horizontal' ) {
                for ( var i = 0; i < positions.length; i++ ) {
                    if ( positions[i] === 'left' || positions[i] === 'right' ) {
                        initialDimensions.pos1 = positions[i];
                        initialDimensions.px1 = -width;
                    } else {
                        initialDimensions.pos2 = positions[i];
                        initialDimensions.px2 = px[i];
                    }
                }
            } else {
                for ( var j = 0; j < positions.length; j++ ) {
                    if ( positions[j] === 'top' || positions[j] === 'bottom' ) {
                        initialDimensions.pos1 = positions[j];
                        initialDimensions.px1 = -height;
                    } else {
                        initialDimensions.pos2 = positions[j];
                        initialDimensions.px2 = px[j];
                    }
                }
            }

            return initialDimensions;
        };

        // returns final position for all types of fly-ins
        var getFinalPosition = function() {
            var dimensions = {
                pos1: 'right',
                px1: 50,
                pos2: 'bottom',
                px2: 50
            };

            if ( configuredPositions.length === 1 ) {
                dimensions.pos1 = configuredPositions[0];
                dimensions.px1 = displayOptions['flyin_placement_' + dimensions.pos1 + '_px'];

                if ( dimensions.pos1 === 'top' || dimensions.pos1 === 'bottom' ) {
                    dimensions.pos2 = 'left';
                    dimensions.px2 = horizontalPositionCalc;
                } else {
                    dimensions.pos2 = 'top';
                    dimensions.px2 = verticalPositionCalc;
                }
            } else if ( configuredPositions.length === 2 ) {
                for ( var i = 0; i < configuredPositions.length; i++ ) {
                    var px = displayOptions['flyin_placement_' + configuredPositions[i] + '_px'];
                    dimensions['pos' + ( i + 1 )] = configuredPositions[i];
                    dimensions['px' + ( i + 1 )] = px;
                }
            }

            /**
             * No matter if we had default content with no configured position or a rule with 1 or both
             * configured positions we need to run it through our function to correctly adjust the positions
             * and dimensions for small screens before returning the dimensions with positions.
             */
            return handleSmallScreenDimensions( dimensions );
        };

        /**
         * If there is not enough vertical or horizontal screen space position it top/left
         * 0px for either or both so that it is in the correct flow of the page and not overflowing.
         * Also, set our maxWidth and maxHeight to 100% as position: fixed elements like our flyin
         * do not force a browser's scrollbar when their content exceeds the window dimensions. We
         * will allow for a scrollbar within the flyin instead.
         * @param  {Object} dimensions position and px values for x/y of flyin from getFinalPosition()
         * @return {Object} dimensions
         */
        var handleSmallScreenDimensions = function( dimensions ) {
            /**
             *  Also, set our maxWidth and maxHeight to 100%
             *  as position: fixed elements like our flyin do not force a browser's scrollbar
             *  when their content exceeds the window dimensions.
            */
            for ( var i = 0; i < 2; i++ ) {
                if ( dimensions['pos' + ( i + 1 )] === 'top' || dimensions['pos' + ( i + 1 )] == 'bottom' ) {
                    // vertical
                    if ( verticalPositionCalc < dimensions['px' + ( i + 1 )] ) {
                        dimensions['px' + ( i + 1 )] = verticalPositionCalc;
                    }
                    if ( verticalPositionCalc === 0 ) {
                        dimensions['pos' + ( i + 1 )] = 'top';
                        flyinDiv.style.maxHeight = '100%';
                        flyinDiv.style.overflow = 'auto';
                    }
                } else {
                    if ( horizontalPositionCalc < dimensions['px' + ( i + 1 )] ) {
                        dimensions['px' + ( i + 1 )] = horizontalPositionCalc;
                    }
                    if ( horizontalPositionCalc === 0 ) {
                        dimensions['pos' + ( i + 1 )] = 'left';
                        flyinDiv.style.maxWidth = '100%';
                        flyinDiv.style.overflow = 'auto';
                    }
                }
            }

            return dimensions;
        };

        // Pushes text value of any configured positions (e.g. 'left') to
        // configuredPositions array
        var identifyConfiguredPositions = function() {
            for ( var i = 0; i < possiblePositions.length; i++ ) {
                if ( !!displayOptions['flyin_placement_' + possiblePositions[i]] ) {
                    configuredPositions.push( possiblePositions[i] );
                }
            }
        };

        // called at the end of this module to initialize the fly-in
        var init = function() {
            create();
        };

        // checks to see if browser is IE8, so that we can avoid animations and other
        // unsupported functions
        var isIE8 = function() {
            var myNav = navigator.userAgent.toLowerCase();
            return (myNav.indexOf('msie') != -1) ? 8 === parseInt(myNav.split('msie')[1]) : false;
        };

        // Determines mid-way point vertically and horizontally to use in case only one
        // position was configured and we need to center it for the opposite position.
        // Then it passes this information to one of our display functions based on the
        // presence of a configured animation type.
        var position = function() {
            calculatePosition();

            // IE8 doesn't support CSS transition or Velocity animations w/o jQuery
            // so just display fly-ins instantly in IE8
            if ( isIE8() ) {
                displayInstant();
            } else {
                // check animation style if provided
                switch ( displayOptions.flyin_animation ) {
                    case 'fade':
                        displayFade();
                        break;
                    case 'slide-horizontal':
                        displaySlide( 'horizontal' );
                        break;
                    case 'slide-vertical':
                        displaySlide( 'vertical' );
                        break;
                    default:
                        // no animation set or set to 'none'
                        displayInstant();
                }
            }
        };

        // Used by the resize event to recalculate the positioning of the flyin based on the viewport size
        var reposition = function() {
            clearPositionStyles();
            // Update our stored dimensions in case the flyin dimensions changed only on resize
            height = flyinDiv.offsetHeight;
            width = flyinDiv.offsetWidth;
            calculatePosition();
            var dimensions = getFinalPosition();
            flyinDiv.style[dimensions.pos1] = dimensions.px1 + 'px';
            flyinDiv.style[dimensions.pos2] = dimensions.px2 + 'px';
        };

        var setPxValueDimensions = function() {
            flyinDiv.className += ' gsc-flyin-setting-dimensions';
            height = flyinDiv.offsetHeight;
            width = flyinDiv.offsetWidth;
            flyinDiv.className = flyinDiv.className.substr(0, flyinDiv.className.indexOf( 'gsc-flyin-setting-dimensions' ));
        };

        // remove click event bound to close button when we remove the fly-in
        var unbindEvents = function() {
            removeEvent( closeButton, 'click', close );
            removeEvent( window, 'resize', debouncedReposition );
        };

        // Now start everything
        init();

        // Expose functions for API
        return {
            close: close
        };
    }

    window._gsc.Flyin = Flyin;

}());
(function () {
    'use strict';

    function Velocity() {
    (function (window) {
            /***************
                 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 != null && obj == obj.window;
            };

            /* jQuery */
            $.type = function (obj) {
                if (obj == null) {
                    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) {
                            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) {
                            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 id = node[$.expando],
                        store = id && cache[id];

                    if (key === undefined) {
                        return store;
                    } else if (store) {
                        if (key in store) {
                            return store[key];
                        }
                    }
                /* $.setData() */
                } else if (key !== undefined) {
                    var id = node[$.expando] || (node[$.expando] = ++$.uuid);

                    cache[id] = cache[id] || {};
                    cache[id][key] = value;

                    return value;
                }
            };

            /* Custom */
            $.removeData = function (node, keys) {
                var id = node[$.expando],
                    store = id && cache[id];

                if (store) {
                    $.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]) != null) {
                        for (name in options) {
                            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 != null) {
                        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 offsetParent() {
                        var offsetParent = this.offsetParent || document;

                        while (offsetParent && (!offsetParent.nodeType.toLowerCase === "html" && offsetParent.style.position === "static")) {
                            offsetParent = offsetParent.offsetParent;
                        }

                        return offsetParent || document;
                    }

                    /* Zepto */
                    var elem = this[0],
                        offsetParent = offsetParent.apply(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);
    (function (factory) {
            // Customized by Bound to avoid mismatched
            // anonymous define error when clients use requirejs
            // without us having access to their config and ability
            // to load this properly.
            // reference: http://requirejs.org/docs/errors.html#mismatch
            factory();
        }(function() {
        return function (global, window, document, undefined$1) {

            /***************
                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$1;
            })();

            /* 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);
                };
            })();

            /* 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;
            }

            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 = {
                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;
                },
                /* Copyright Martin Bohm. MIT License: https://gist.github.com/Tomalak/818a78a226a0738eaade */
                isNodeList: function (variable) {
                    return typeof variable === "object" &&
                        /^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(variable)) &&
                        variable.length !== undefined$1 &&
                        (variable.length === 0 || (typeof variable[0] === "object" && variable[0].nodeType > 0));
                },
                /* Determine if variable is a wrapped jQuery or Zepto element. */
                isWrapped: function (variable) {
                    return variable && (variable.jquery || (window.Zepto && window.Zepto.zepto.isZ(variable)));
                },
                isSVG: function (variable) {
                    return window.SVGElement && (variable instanceof window.SVGElement);
                },
                isEmptyObject: function (variable) {
                    for (var name in variable) {
                        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: []
                },
                /* 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$1,
                    complete: undefined$1,
                    progress: undefined$1,
                    display: undefined$1,
                    visibility: undefined$1,
                    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
                },
                /* 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: 2, patch: 2 },
                /* Set to 1 or 2 (most verbose) to output debug info to console. */
                debug: false
            };

            /* 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$1) {
                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$1 : response;
            }
            /**************
                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" ]
                },

                /************
                    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) {
                                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) {
                            hookTemplate = CSS.Hooks.templates[rootProperty];
                            hookNames = hookTemplate[0].split(" ");

                            for (var i in hookNames) {
                                var fullHookName = rootProperty + hookNames[i],
                                    hookPosition = i;

                                /* 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;
                        }
                    },
                    /* 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 <= 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$1 || Data(element).transformCache[transformName] === undefined$1) {
                                                /* 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. */
                                            } else {
                                                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$1 && 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 i = 0; i < CSS.Lists.colors.length; i++) {
                            /* 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[i];

                                /* 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$1) {
                                                        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 <= 8) && extracted.split(" ").length === 3) {
                                                extracted += " 1";
                                            }

                                            return extracted;
                                        case "inject":
                                            /* 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, "") + ")";
                                    }
                                };
                            })();
                        }
                    }
                },

                /************************
                 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 == 0 || /^(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.classList) {
                            element.classList.add(className);
                        } else {
                            element.className += (element.className.length ? " " : "") + className;
                        }
                    },

                    removeClass: function (element, className) {
                        if (element.classList) {
                            element.classList.remove(className);
                        } else {
                            element.className = element.className.toString().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$1) {
                                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$1) {
                            /* 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. */
                        if (Data(element) && Data(element).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 if (Data(element) && Data(element).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 = "";

                    /* 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(element).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 = undefined$1;

                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$1) {
                        Velocity.init(element);
                    }

                    /* Get property value. If an element set was passed in, only return the value for the first element. */
                    if (arg3 === undefined$1) {
                        if (value === undefined$1) {
                            value = Velocity.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 = Velocity.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() {

                /******************
                    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];
                }

                elements = sanitizeElements(elements);

                if (!elements) {
                    return;
                }

                if (syntacticSugar) {
                    propertiesMap = arguments[0].properties || arguments[0].p;
                    options = arguments[0].options || arguments[0].o;
                } else {
                    propertiesMap = arguments[argumentIndex];
                    options = arguments[argumentIndex + 1];
                }

                /* 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 and finish actions do not accept animation options, and are therefore excluded from this check. */
                if (!/^(stop|finish)$/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];
                        }
                    }
                }

                /***************
                    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;
                    });
                }

                /*********************
                 Action Detection
                *********************/

                /* Velocity's behavior is categorized into "actions": Elements can either be specially scrolled into view,
                or they can be started, stopped, 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", 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 "finish":
                    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;
                            }
                        });

                        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$1) ? "" : options;

                                    if (queueName !== true && (activeCall[2].queue !== queueName) && !(options === undefined$1 && 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 (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. */
                                                if (Data(element) && Data(element).tweensContainer && queueName !== false) {
                                                    $.each(Data(element).tweensContainer, function(m, activeTween) {
                                                        activeTween.endValue = activeTween.currentValue;
                                                    });
                                                }

                                                callsToStop.push(i);
                                            } else if (propertiesMap === "finish") {
                                                /* 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]) {
                            var opts = $.extend({}, options),
                                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$1);
                            });

                            /* 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.
                */

                function processElement () {

                    /*************************
                     Part I: Pre-Queueing
                    *************************/

                    /***************************
                     Element-Wide Variables
                    ***************************/

                    var element = this,
                        /* 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$1) {
                        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. */
                            Data(element).delayTimer = {
                                setTimeout: setTimeout(next, parseFloat(opts.delay)),
                                next: next
                            };
                        });
                    }

                    /*********************
                     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$1 && 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$1 && 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) {

                        /*******************
                         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") {
                            /* Abort if there is no prior animation data to reverse to. */
                            if (!Data(element).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(element).opts.display === "none") {
                                    Data(element).opts.display = "auto";
                                }

                                if (Data(element).opts.visibility === "hidden") {
                                    Data(element).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(element).opts.loop = false;
                                Data(element).opts.begin = null;
                                Data(element).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(element).opts, opts);

                                /*************************************
                                 Tweens Container Reconstruction
                                *************************************/

                                /* Create a deepy copy (indicated via the true flag) of the previous call's tweensContainer. */
                                var lastTweensContainer = $.extend(true, {}, Data(element).tweensContainer);

                                /* 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 (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. */
                            var lastTweensContainer;

                            /* 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(element).tweensContainer && Data(element).isAnimating === true) {
                                lastTweensContainer = Data(element).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 = undefined$1,
                                    easing = undefined$1,
                                    startValue = undefined$1;

                                /* 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 or an array, treat it as an easing. */
                                    } else if ((Type.isString(valueData[1]) && !CSS.RegEx.isHex.test(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. */
                                        if (valueData[2] !== undefined$1) {
                                            startValue = 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, elementsIndex, elementsLength);
                                }

                                if (Type.isFunction(startValue)) {
                                    startValue = startValue.call(element, elementsIndex, 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 ];
                            };

                            /* Cycle through each property in the map, looking for shorthand color properties (e.g. "color" as opposed to "colorRed"). Inject the corresponding
                            colorRed, colorGreen, and colorBlue RGB component tweens into the propertiesMap (which Velocity understands) and remove the shorthand property. */
                            $.each(propertiesMap, function(property, value) {
                                /* Find shorthand color properties that have been passed a hex string. */
                                if (RegExp("^" + CSS.Lists.colors.join("$|^") + "$").test(property)) {
                                    /* Parse the value data for each shorthand. */
                                    var valueData = parsePropertyValue(value, true),
                                        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$1;

                                        /* 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$1) {
                                                dataArray.push(startValueRGB[i]);
                                            }

                                            propertiesMap[property + colorComponents[i]] = dataArray;
                                        }

                                        /* Remove the intermediary shorthand property entry now that we've processed it. */
                                        delete propertiesMap[property];
                                    }
                                }
                            });

                            /* Create a tween out of each property, and append its associated data to tweensContainer. */
                            for (var property in propertiesMap) {

                                /**************************
                                 Start Value Sourcing
                                **************************/

                                /* Parse out endValue, easing, and startValue from the property's data. */
                                var valueData = parsePropertyValue(propertiesMap[property]),
                                    endValue = valueData[0],
                                    easing = valueData[1],
                                    startValue = valueData[2];

                                /* Now that the original property name's format has been used for the parsePropertyValue() lookup above,
                                we force the property to its camelCase styling to normalize it for manipulation. */
                                property = CSS.Names.camelCase(property);

                                /* 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;

                                /* 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(element).isSVG && rootProperty !== "tween" && CSS.Names.prefixCheck(rootProperty)[1] === false && CSS.Normalizations.registered[rootProperty] === undefined$1) {
                                    if (Velocity.debug) console.log("Skipping [" + rootProperty + "] due to a lack of browser support.");

                                    continue;
                                }

                                /* 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$1 && opts.display !== null && opts.display !== "none") || (opts.visibility !== undefined$1 && 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$1) {
                                        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(element).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$1) {
                                            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$1) {
                                        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 ];
                                };

                                /* 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(element).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 (Velocity.debug) console.log("tweensContainer (" + property + "): " + JSON.stringify(tweensContainer[property]), element);
                            }

                            /* 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);

                            /* 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(element).tweensContainer = tweensContainer;
                                Data(element).opts = opts;
                            }

                            /* Switch on the element's animating flag. */
                            Data(element).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 ]);

                                /* 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) {
                            setTimeout(buildQueue, opts.delay);
                        } 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();
                        });
                    }

                    /*********************
                        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.call(element);
                    }
                });

                /******************
                 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. */
                var opts = $.extend({}, Velocity.defaults, options),
                    reverseCallsCount;

                opts.loop = parseInt(opts.loop);
                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$1) {
                document.addEventListener("visibilitychange", 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;
                    }
                });
            }

            /************
                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 ignore RAF's high resolution timestamp since it can be significantly offset when the browser is
                    under high stress; we opt for choppiness over allowing the browser to drop huge chunks of frames. */
                    var timeCurrent = (new Date).getTime();

                    /********************
                     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);
                    }

                    /* 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;

                        /* 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;
                        }

                        /* 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((timeCurrent - timeStart) / 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, 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$1 && 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$1 && 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 (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 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. */
                                    if (percentComplete === 1) {
                                        currentValue = tween.endValue;
                                    /* Otherwise, calculate currentValue based on the current delta from startValue. */
                                    } else {
                                        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
                                        ******************/

                                        /* 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]) {
                                            var hookRoot = CSS.Hooks.getRoot(property),
                                                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 + (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$1) {
                                    /* 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$1 && opts.display !== "none") {
                            Velocity.State.calls[i][2].display = false;
                        }
                        if (opts.visibility !== undefined$1 && 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. */
                    if (opts.loop !== true && ($.queue(element)[1] === undefined$1 || !/\.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(element)) {
                            Data(element).isAnimating = false;
                            /* Clear the element's rootPropertyValueCache, which will become stale. */
                            Data(element).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(element).transformCache[transformName];

                                if (Data(element).transformCache[transformName] !== undefined$1 && new RegExp("^\\(" + defaultValue + "[^.]").test(currentValue)) {
                                    transformHAPropertyExists = true;

                                    delete Data(element).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(element).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(element) && opts.loop === true && !isStopped) {
                        /* If a rotateX/Y/Z property is being animated to 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(element).tweensContainer, function(propertyName, tweenContainer) {
                            if (/^rotate/.test(propertyName) && parseFloat(tweenContainer.endValue) === 360) {
                                tweenContainer.endValue = 0;
                                tweenContainer.startValue = 360;
                            }

                            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,
                        computedValues = { height: "", marginTop: "", marginBottom: "", paddingTop: "", paddingBottom: "" },
                        inlineValues = {};

                    if (opts.display === undefined$1) {
                        /* 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. */
                        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) {
                            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 = Velocity.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) {
                            element.style[property] = inlineValues[property];
                        }

                        /* If the user passed in a complete callback, fire it now. */
                        complete && complete.call(elements, elements);
                        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),
                        propertiesMap = { opacity: (direction === "In") ? 1 : 0 },
                        originalComplete = opts.complete;

                    /* 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 !== elementsSize - 1) {
                        opts.complete = opts.begin = null;
                    } else {
                        opts.complete = function() {
                            if (originalComplete) {
                                originalComplete.call(elements, elements);
                            }

                            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$1) {
                        opts.display = (direction === "In" ? "auto" : "none");
                    }

                    Velocity(this, propertiesMap, opts);
                };
            });

            return Velocity;
        }((window.jQuery || window.Zepto || window), window, document);
        }));

        /******************
         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. */
    }

    Velocity();

}());
(function () {
    'use strict';

    function trackGTM( action, config, options, isFallback, fallbackReason ) {

        // Make sure event tracking is enabled before proceeding
        if ( options && ( !options.event_tracking || options.event_tracking == 'false' ) ) {
            return false;
        }

        // Figure out the proper action text
        switch ( action ) {
            case 1:
                /* falls through */
            case 'c':
                /* falls through */
            case 'click':
                action = 'Click';
                break;
            case 'i':
                action = 'Impression';
                break;
            case 'action':
                action = 'Action';
                break;
        }

        // Determine if a custom layer needs to be used
        var layer = ( options && options.data_layer_name && options.data_layer_name != '' )
            ? options.data_layer_name
            : 'dataLayer';

        // Make sure the layer exists
        if( !window[layer] )
            window[layer] = [];

        // GA tracking properties
        var isNonInteraction = ( action === 'Impression' ),
            category, label, value, content, labelWithContent, i;

        // Handle the fallback parameters
        // If it is a normal serve, meaning no fallback, we will set the event value to 0
        // Otherwise, error = 1 and timeout = 2
        if( isFallback ) {
            value = fallbackReason === 'error' ? 1 : 2;
        } else {
            value = 0;
        }

        if ( action === 'Click' || action === 'Impression' ) {
            // Loop through campaigns to send individual events
            for( i = 0; i < config.campaigns.length; i++ ) {

                // Begin building our Category, Action and Label for GA
                category = 'GSC - ' + config.campaigns[i].campaignName;
                label = config.campaigns[i].ruleName + ' || ' + config.campaigns[i].segmentName + ' || ';

                // Now, handle content
                content = config.campaigns[i].content;
                if( content.length && content.length > 0 ) {
                    for( var j = 0; j < content.length; j++ ) {

                        // Append the content name
                        labelWithContent = label + (content[j] && content[j].name ? content[j].name : 'None');

                        // Send the tracking call
                        window[layer].push({
                            event: 'gsc-event',
                            eventCategory: category,
                            eventAction: action,
                            eventLabel: labelWithContent,
                            eventValue: value,
                            eventNonInteraction: isNonInteraction
                        });

                    }
                } else if( config.campaigns[i].ruleId == 0 && config.campaigns[i].segmentId == 0 ) {

                    // Append the content name
                    labelWithContent = label + 'None';

                    // Send the tracking call
                    window[layer].push({
                        event: 'gsc-event',
                        eventCategory: category,
                        eventAction: action,
                        eventLabel: labelWithContent,
                        eventValue: value,
                        eventNonInteraction: isNonInteraction
                    });
                }
            }
        } else if ( action === 'Action' ) {
            // Lookup object for friendly action type labels
            var actionTypes = {
                clicks: 'Click',
                customevents: 'Custom Event',
                formsubmission: 'Form',
                pageviews: 'Pageview',
                marketoformselect: 'Form'
            };

            // Send the tracking call
            window[layer].push({
                event: 'gsc-event',
                eventCategory: 'GSC - Action Completion',
                eventAction: actionTypes[config.action.type],
                eventLabel: config.action.name + ' (' + config.action.public_id + ')',
                eventValue: value,
                eventNonInteraction: config.action.type === 'pageviews'
            });
        }

    }

    window._gsc.trackGTM = trackGTM;

}());