Added scroll animations + extras

1 files changed, 739 insertions, 0 deletions

diff --git a/assets/js/fullpage.js b/assets/js/fullpage.js
new file mode 100644
index 0000000..c499a4c
--- /dev/null
+++ b/assets/js/fullpage.js
@@ -0,0 +1,739 @@
+/* ===============================================================================
+ * alton.js v1.2.1
+ * ===============================================================================
+ * Copyright 2014 Paper Leaf Design
+ * http://www.paper-leaf.com
+ *
+ * Author: Paper Leaf
+ *
+ * A full featured scrolling plugin for creating
+ * immersive featured sections or headers.
+ *
+ * Credit:
+ * is_mobile() based off these helpful posts
+ * - http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-handheld-device-in-jquery
+ *
+ * Getting stable scroll events was helped hugely by Huge Inc's insights
+ * - http://www.hugeinc.com/ideas/perspective/scroll-jacking-on-hugeinc
+ *
+ * Stabilizing keypress events was helped in large part by jQuery OnePage Scroll
+ * - https://github.com/peachananr/onepage-scroll
+ *
+ * License: GPL v3
+ * =============================================================================== */
+
+(function ($) {
+    /* ===============================================================================
+     * Table of Contents
+     * -------------------
+     *
+     * 1. Default Options
+     * 2. Global Variables
+     * 3. Initiate Layout
+     * 4. Mobile Device Check
+     * 5. Click to Navigate
+     * 6. Update Position
+     * 7. Move Up
+     * 8. Move Down
+     * 9. Prevent Default Animations
+     * 10. Scroll To
+     * 11. Featured Scroll
+     * 12. Header Scroll
+     *
+     * =============================================================================== */
+
+    /* =============================================================================
+     * Default Options
+     * -------------------
+     * Creating defaults in case the user doesn't feel like adding their own
+     * ============================================================================= */
+    "use strict";
+    var defaults = {
+        firstClass: 'header', // classname of the first element in your page content
+        fullSlideContainer: 'full', // full page elements container for
+        singleSlideClass: 'slide', // class for each individual slide
+        nextElement: 'div', // set the first element in the first page series.
+        previousClass: null, // null when starting at the top. Will be updated based on current postion
+        lastClass: 'footer', // last block to scroll to
+        slideNumbersContainer: 'slide-numbers', // ID of Slide Numbers
+        bodyContainer: 'pageWrapper', // ID of content container
+        scrollMode: 'featuredScroll', // Choose scroll mode
+        useSlideNumbers: false, // Enable or disable slider
+        slideNumbersBorderColor: '#fff', // outside color for slide numbers
+        slideNumbersColor: '#000', // interior color when slide numbers inactive
+        animationType: 'slow', // animation type: currently doesn't do anything
+        callback: false, // default is no callback
+    };
+
+    $.fn.alton = function (options) {
+        /* =============================================================================
+         * User Settings
+         * -------------------
+         * Update the default settings with user selected options
+         * ============================================================================= */
+        var settings = $.extend(true, {}, defaults, options),
+
+            /* =============================================================================
+             * Global Variables
+             * -------------------
+             * Setting up variables that will be used throught the plugin
+             * ============================================================================= */
+            singleSlideClass = settings.singleSlideClass,
+            singleSlide,
+            bodyScroll,
+            down = false,
+            up = false,
+            current = $('.' + settings.firstClass),
+            next = $('.' + singleSlideClass + ':first'),
+            previous = null,
+            last = $('.' + settings.lastClass),
+            projectCount = $('.' + settings.fullSlideContainer).children().length,
+            slideNumbers,
+            top = true,
+            upCount = 0,
+            downCount = 0,
+            windowHeight = $(window).outerHeight(),
+            animating = false,
+            docElem = window.document.documentElement,
+            scrollOffset,
+            offsetTest,
+            i;
+
+        // IE8 Support for getElementsByClassname
+        if ('getElementsByClassName' in document) {
+            singleSlide = document.getElementsByClassName(singleSlideClass);
+        } else {
+            singleSlide = document.querySelectorAll('.' + singleSlideClass);
+        }
+
+        if (!current.length) {
+            current = next;
+            next = current.next();
+        }
+        if (!last.length) {
+            last = $('.' + singleSlideClass + ':last');
+        }
+        last = last[0];
+
+        /* =============================================================================
+         * Position Variables
+         * -------------------
+         * Update postion variable if headerScroll
+         * ============================================================================= */
+        if (settings.scrollMode === 'headerScroll') {
+            current = $('.' + settings.firstClass); // current element is the topmost element
+            next = $('.' + settings.bodyContainer + ':first');
+        }
+
+        /* ============================================================================
+         * Initiate Layout
+         * -------------------
+         * Get the slides to 100% height, and add pagination
+         * ============================================================================ */
+        function initiateLayout(style) {
+            if (style === 'featuredScroll') {
+                for (i = singleSlide.length - 1; i >= 0; i -= 1) {
+                    if (is_mobile()) {
+                        if ($(singleSlide[i]).height() > windowHeight) {
+                            $(singleSlide[i]).css('height', $(singleSlide[i]).height());
+                        } else {
+                            $(singleSlide[i]).css('height', windowHeight);
+                            $(singleSlide[i]).outerHeight(windowHeight);
+                        }
+                    } else {
+                        $(singleSlide[i]).css('height', windowHeight);
+                        $(singleSlide[i]).outerHeight(windowHeight);
+
+                    }
+                }
+                if (settings.useSlideNumbers && !is_mobile()) {
+                    // Create Slider Buttons
+                    $('.' + settings.bodyContainer).append('<div id="' + settings.slideNumbersContainer + '"></div>');
+                    $('#' + settings.slideNumbersContainer).css({
+                        'height': '100%',
+                        'position': 'fixed',
+                        'top': 0,
+                        'right': '0px',
+                        'bottom': '0px',
+                        'width': '86px',
+                        'z-index': 999
+                    });
+                    if (is_mobile()) {
+                        $('#' + settings.slideNumbersContainer).css({
+                            'height': 'auto',
+                            'min-height': '100%'
+                        });
+                    }
+                    $('.' + settings.bodyContainer + ' #' + settings.slideNumbersContainer).append('<ul></ul>');
+                    $('.' + settings.bodyContainer + ' #' + settings.slideNumbersContainer + ' ul').css({
+                        'transform': 'translateY(-50%)',
+                        '-moz-transform': 'translateY(-50%)',
+                        '-ms-transform': 'translateY(-50%)',
+                        '-o-transform': 'translateY(-50%)',
+                        '-webkit-transform': 'translateY(-50%)',
+                        'top': '50%',
+                        'position': 'fixed'
+                    });
+
+                    var testCount = 0;
+
+                    while (testCount < projectCount) {
+                        $('.' + settings.bodyContainer + ' #' + settings.slideNumbersContainer + ' ul').append('<li class="paginate"></ul>');
+                        if (msieversion()) {
+                            $('.paginate').css({
+                                'cursor': 'pointer',
+                                'border-radius': '50%',
+                                'list-style': 'none',
+                                'background': settings.slideNumbersBorderColor,
+                                'border-color': settings.slideNumbersBorderColor,
+                                'border-width': '2px',
+                                'border-style': 'solid',
+                                'height': '11px',
+                                'width': '11px',
+                                'margin': '5px 0'
+                            });
+                        } else {
+                            $('.paginate').css({
+                                'cursor': 'pointer',
+                                'border-radius': '50%',
+                                'list-style': 'none',
+                                'background': settings.slideNumbersBorderColor,
+                                'border-color': settings.slideNumbersBorderColor,
+                                'border-width': '2px',
+                                'border-style': 'solid',
+                                'height': '10px',
+                                'width': '10px',
+                                'margin': '5px 0'
+                            });
+                        }
+
+                        testCount += 1;
+                    }
+                    // Store the slidenumbers
+                    // IE8 Support for getElementsByClassname
+                    if (('getElementsByClassName' in document)) {
+                        slideNumbers = document.getElementsByClassName('paginate');
+                    } else {
+                        slideNumbers = document.querySelectorAll('.paginate');
+                    }
+                }
+            } else {
+                $('.' + settings.firstClass).css('height', windowHeight + 10);
+                if (!$('.' + settings.firstClass).hasClass('active')) {
+                    $('.' + settings.firstClass).toggleClass('active');
+                    if (msieversion()) {
+                        $('.paginate.active').css({
+                            'margin-left': '-1px',
+                            'border-color': '#' + settings.slideNumbersBorderColor,
+                            'border-style': 'solid',
+                            'border-width': '2px',
+                            'height': '8px',
+                            'width': '8px'
+                        });
+                    }
+                }
+            }
+        }
+
+        function msieversion() {
+            var ua = window.navigator.userAgent;
+            var msie = ua.indexOf("MSIE ");
+
+            if (msie > 0 || navigator.userAgent.match(/Trident.*rv\:11\./)) { // If Internet Explorer, return version number
+                return true;
+            } else {
+                return false;
+            }
+        }
+
+        /* ============================================================================
+         * Mobile device check
+         * -------------------
+         * Check if mobile device
+         * ============================================================================ */
+        function is_mobile() {
+            return navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|BB10|Windows Phone|Tizen|Bada)/);
+        }
+
+        /* ============================================================================
+         * Update pagination
+         * -------------------
+         * Updates pagination on scroll down or up when called etc.
+         * ============================================================================ */
+        function slideIndex(element, toggle) {
+            if (toggle && $(slideNumbers[$(element).parent().children().index(element)]).hasClass('active')) {
+                $(slideNumbers[$(element).parent().children().index(element)]).toggleClass('active');
+                $(slideNumbers[$(element).parent().children().index(element)]).css('background', settings.slideNumbersBorderColor);
+            } else if (!$(slideNumbers[$(element).parent().children().index(element)]).hasClass('active')) {
+                $(slideNumbers[$(element).parent().children().index(element)]).toggleClass('active');
+                $(slideNumbers[$(element).parent().children().index(element)]).css('background', settings.slideNumbersColor);
+            }
+        }
+
+        /* ============================================================================
+         * Slide Numbers Fade
+         * -------------------
+         * Fades out the slide numbers
+         * ============================================================================ */
+        function slideNumbersFade(fadeInOut) {
+            if (settings.useSlideNumbers) {
+                if (fadeInOut) {
+                    $('#' + settings.slideNumbersContainer).fadeIn();
+                } else {
+                    $('#' + settings.slideNumbersContainer).fadeOut();
+                }
+            }
+        }
+
+        /* ============================================================================
+         * Click to Navigate
+         * -------------------
+         * Adds click to navigate functionality to pagination
+         * ============================================================================ */
+        function clickToNavigate(elementIndex) {
+            var elementContainer = document.getElementsByClassName(singleSlideClass);
+            $(document).scrollTo($(elementContainer[elementIndex]));
+            current = elementContainer[elementIndex];
+            if ($(current).prev().hasClass(singleSlideClass)) {
+                previous = $(current).prev();
+            } else {
+                previous = $('.' + settings.firstClass);
+            }
+            if ($(current).next().hasClass(singleSlideClass)) {
+                next = $(current).next();
+            } else {
+                next = $('.' + settings.lastClass);
+            }
+
+            slideIndex($('#' + settings.slideNumbersContainer + ' li.active'), true);
+            slideIndex(elementContainer[elementIndex], false);
+
+            // Callback function
+            if (typeof settings.callback == 'function') {
+                settings.callback();
+            }
+        }
+
+        /* ============================================================================
+         * Update Position
+         * -------------------
+         * Update current, previous and next, based on window position on load.
+         * ============================================================================ */
+        function getCurrentPosition() {
+            if ($(next).length > 0 || $(previous).length > 0) {
+                if ($(window).scrollTop() >= $('.' + singleSlideClass + ':first').offset().top && $(window).scrollTop() + $(window).outerHeight() !== $(document).outerHeight()) {
+                    if (settings.useSlideNumbers) {
+                        slideIndex(current, true);
+                    }
+                    $('.' + singleSlideClass).each(function () {
+                        offsetTest = $(this).offset().top;
+                        if (offsetTest <= $(window).scrollTop()) {
+                            if ($(this).prev().hasClass(singleSlideClass)) {
+                                previous = $(this).prev();
+                            } else {
+                                previous = $('.' + settings.firstClass);
+                            }
+                            current = $(this);
+                            if (current.next().hasClass(singleSlideClass)) {
+                                next = $(this).next();
+                            } else {
+                                next = $('.' + settings.lastClass);
+                            }
+                            top = false;
+                        }
+                    });
+                    if (settings.useSlideNumbers) {
+                        slideIndex(current, false);
+                    }
+                    $(document).scrollTo(current);
+                } else {
+                    if (settings.useSlideNumbers) {
+                        if (last !== $('.' + singleSlideClass + ':last-child')[0]) {
+                            slideNumbersFade(false);
+                        } else {
+                            slideNumbersFade(true);
+                            slideIndex(current, false);
+                        }
+                    }
+                    $(document).scrollTo(current);
+                }
+            }
+        }
+
+        /* ============================================================================
+         * Prevent Default Animations
+         * -------------------
+         * Stops default scroll animations when called
+         * ============================================================================ */
+        function preventDefault(e) {
+            if (e !== undefined) {
+                e = e || window.event;
+                if (e.preventDefault) {
+                    e.stopPropagation();
+                    e.returnValue = false;
+                }
+            }
+        }
+
+        function stopDefaultAnimate(event) {
+            return preventDefault(event);
+        }
+
+        /* ============================================================================
+         * Move Down
+         * -------------------
+         * All the code to move the page down
+         * ============================================================================ */
+        $.fn.moveDown = function () {
+            scrollOffset = scrollY();
+            if (scrollOffset >= 0 && (scrollOffset <= $(current).scrollTop()) && top === true) {
+                // Check if top of page
+                // Update the selectors
+                previous = current;
+                current = next;
+                next = current.next();
+
+                // Set Slide Indexes and Fade Slide Numbers
+                if (settings.useSlideNumbers) {
+                    if (last === $('.' + singleSlideClass + ':last-child')[0]) {
+                        slideIndex(previous, true);
+                        slideIndex(current, false);
+                    } else {
+                        slideIndex(current, false);
+                        slideNumbersFade(true);
+                    }
+                }
+
+                // Update top variable
+                top = false;
+                $(document).scrollTo(current); // Scroll to selected element
+            } else if (!bodyScroll && next && $(current).offset().top < scrollOffset + 1) {
+                // Check if slide
+                if (next.hasClass(singleSlideClass)) {
+                    // Update the selectors
+                    previous = current;
+                    current = next;
+                    next = $(current).next();
+                    // Set Slide Indexes and Fade Slide Numbers
+                    if (settings.useSlideNumbers) {
+                        slideIndex(previous, true);
+                        slideIndex(current, false);
+                    }
+                    $(document).scrollTo(current); // Scroll to selected element
+                } else if (last !== $('.' + singleSlideClass + ':last-child')[0]) {
+                    // Update the selectors
+                    previous = $('.' + singleSlideClass + ':last-child')[0];
+                    current = last;
+                    next = null;
+                    if ($(window).scrollTop() + windowHeight + 10 >= $(document).outerHeight() - $(last).outerHeight()) {
+                        // Check for bottom
+                        // Set Slide Indexes and Fade Slide Numbers
+                        if (settings.useSlideNumbers) {
+                            slideIndex(previous, false);
+                            slideNumbersFade(false);
+                        }
+                    }
+                    $(document).scrollTo(current); // Scroll to selected element
+                    $.event.trigger({
+                        type: "lastSlide",
+                        slide: last,
+                        time: new Date()
+                    });
+                }
+            }
+
+            // Callback function
+            if (typeof settings.callback == 'function') {
+                settings.callback();
+            }
+        };
+
+        /* ============================================================================
+         * Move Up
+         * -------------------
+         * All the code to move the page up
+         * ============================================================================ */
+        $.fn.moveUp = function () {
+            scrollOffset = scrollY();
+            if ($('.' + settings.fullSlideContainer).offset().top + 1 > scrollOffset && previous && scrollOffset > 0) {
+                // Check if not scrolling to top of page
+                if ($(current).offset().top >= scrollOffset) {
+                    // Update the selectors
+                    current = $('.' + settings.firstClass);
+                    previous = null;
+                    next = $('.' + singleSlideClass);
+
+                    // Update and fade slideNumbers
+                    if (settings.useSlideNumbers) {
+                        slideNumbersFade(false);
+                        slideIndex(next, false);
+                    }
+                    // Update top variable as we are at the top of the page
+                    top = true;
+                } else {
+                    // Update the selectors
+                    current = previous;
+                    previous = null;
+                    next = $('.' + singleSlideClass);
+
+                    // Update and fade slideNumbers
+                    if (settings.useSlideNumbers) {
+                        slideIndex(current, true);
+                        slideIndex(previous, true);
+                    }
+                }
+                $(document).scrollTo(current); // Scroll to proper element
+            } else if (!bodyScroll && $('.' + settings.fullSlideContainer).offset().top < scrollOffset) {
+                // Update the selectors
+                current = previous;
+                previous = $(current).prev();
+                next = $(current).next();
+
+                // Update and fade slideNumbers
+                if (settings.useSlideNumbers) {
+                    slideIndex(current, false);
+                    slideIndex(next, true);
+                    slideNumbersFade(true);
+                }
+
+                // Scroll to proper element
+                $(document).scrollTo(current);
+
+                // Stop default scrolling
+            }
+
+            // Update movement variables
+            up = true;
+            down = false;
+
+            // Callback function
+            if (typeof settings.callback == 'function') {
+                settings.callback();
+            }
+
+            // Stop default scrolling animations
+        };
+
+        /* ============================================================================
+         * Scroll To
+         * -------------------
+         * Scroll to element. This is a public function and can be used in an JS file
+         * ============================================================================ */
+        $.fn.scrollTo = function (element) {
+            if (element !== last) {
+                $("body,html").stop(true, true).animate({
+                    scrollTop: $(element).offset().top
+                }, {
+                    duration: 375
+                });
+            } else {
+                $("body,html").stop(true, true).animate({
+                    scrollTop: $(document).outerHeight() - windowHeight
+                }, {
+                    duration: 375
+                });
+            }
+        };
+
+        /* ============================================================================
+         * ScrollY
+         * -------------------
+         * Replacing default scrollY with IE8 Compat
+         * ============================================================================ */
+        function scrollY() {
+            return window.pageYOffset || docElem.scrollTop;
+        }
+
+        /* ============================================================================
+         * Featured Scroll
+         * -------------------
+         * Scroll based on the idea of having a header, a full screen featured projects
+         * area, and then a footer after
+         * ============================================================================ */
+        function featuredScroll(e) {
+            bodyScroll = $('body,html').is(':animated') || $('body').is(':animated') || $('html').is(':animated'); // Check if body is currently animated
+
+            if (e.type == 'mousewheel' || e.type == "DOMMouseScroll") {  //  <-- fix for firefox
+                clearTimeout($.data(this, 'scrollTimer')); // jshint ignore:line
+                $(document).unbind({
+                    'scroll': featuredScroll
+                });
+                $.data(this, 'scrollTimer', setTimeout(function () { // jshint ignore:line
+                    animating = false;
+                    $(document).bind({
+                        'scroll': featuredScroll
+                    });
+                }, 35));
+
+                if (e.originalEvent.detail > 1 && !animating || e.originalEvent.wheelDelta < -1 && !animating) {
+                    // Check if scrolling down
+                    downCount += 1;
+                    $(document).moveDown();
+                    animating = true;
+                    preventDefault();
+                } else if (e.originalEvent.detail < -1 && !animating || e.originalEvent.wheelDelta > 1 && !animating) {
+                    // Check if not scrolling up
+                    upCount += 1;
+                    $(document).moveUp();
+                    animating = true;
+                    preventDefault();
+                }
+            } else if (e.type == 'scroll') {
+                preventDefault();
+                animating = false;
+                clearTimeout($.data(this, 'scrollTimer')); // jshint ignore:line
+                $.data(this, 'scrollTimer', setTimeout(function () { // jshint ignore:line
+                    getCurrentPosition();
+                }, 500));
+            }
+            return false;
+        }
+
+        /* ============================================================================
+         * Header Scroll
+         * -------------------
+         * Scroll jacking for full size header image, then re-enables native scrolling
+         *
+         * ============================================================================ */
+        function headerScroll(e) {
+            scrollOffset = scrollY();
+            if (e.originalEvent.detail > 0 || e.originalEvent.wheelDelta < 0) {
+                if ($(next).offset().top > 0 && scrollOffset < $('.' + settings.firstClass).outerHeight()) {
+                    if ($('.' + settings.firstClass).hasClass('active')) {
+                        $('.' + settings.firstClass).toggleClass('active');
+                        $(document).scrollTo(next);
+                        previous = current;
+                        current = next;
+                        return stopDefaultAnimate(e);
+                    } else if (!$('html, body').is(':animated')) {
+                        return true;
+                    }
+                } else {
+                    return true;
+                }
+            } else {
+                if (!$('.' + settings.firstClass).hasClass('active') && $(window).scrollTop() <= $('.' + settings.firstClass).outerHeight()) {
+                    $('.' + settings.firstClass).toggleClass('active');
+                    $(document).scrollTo(previous);
+                    next = current;
+                    current = previous;
+                } else if (!$('html, body').is(':animated')) {
+                    return true;
+                }
+            }
+            return false;
+        }
+
+        /* ============================================================================
+         * Function Calls and Ordering
+         * -------------------
+         * Calling all the functions on document load to make sure nothing breaks
+         * ============================================================================ */
+        $(document).ready(function () {
+            initiateLayout(settings.scrollMode);
+            if (settings.scrollMode === 'featuredScroll' && !is_mobile()) {
+                getCurrentPosition();
+            }
+            if (settings.scrollMode === 'featuredScroll' && !is_mobile()) {
+                $('#' + settings.slideNumbersContainer + ' li').on("click", function () {
+                    clickToNavigate($(this).parent().children().index(this));
+                });
+
+                var map = [];
+                onkeydown = onkeyup = function (e) {
+                    e = e || event; // to deal with IE
+                    map[e.which] = e.type == 'keyup';
+                    switch (e.which) {
+                        case 40: // arrowDown
+                            e.preventDefault();
+                            $(document).moveDown(e);
+                            break;
+                        case 32: // pageUp
+                            e.preventDefault();
+                            if (map['16'] === true) {
+                                $(document).moveUp(e);
+                            } else {
+                                $(document).moveDown(e);
+                            }
+                            break;
+                        case 33: // pageUp
+                            $(document).moveDown(e);
+                            e.preventDefault();
+                            break;
+                        case 34: // pageUp
+                            e.preventDefault();
+                            $(document).moveUp(e);
+                            break;
+                        case 38: // arrowUp
+                            e.preventDefault();
+                            $(document).moveUp(e);
+                            break;
+                        case 36: // home
+                            e.preventDefault();
+                            if ($('.' + settings.firstClass).length !== 0) {
+                                if (settings.useSlideNumbers) {
+                                    slideIndex(current, true);
+                                }
+                                previous = null;
+                                current = '.' + settings.firstClass;
+                                next = $('.' + singleSlideClass + ':first');
+
+                                if (settings.useSlideNumbers) {
+                                    slideIndex(current, false);
+                                }
+                                $(document).scrollTo('.' + settings.firstClass);
+                            } else {
+                                if (settings.useSlideNumbers) {
+                                    slideIndex(current, true);
+                                }
+                                previous = null;
+                                current = $('.pane:first');
+                                next = current.next();
+                                $(document).scrollTo($('.pane')[0]);
+                                if (settings.useSlideNumbers) {
+                                    slideIndex(current, false);
+                                }
+                            }
+                            break;
+                        case 35: // end
+                            if ($('.' + settings.firstClass).length !== 0) {
+                                if (settings.useSlideNumbers) {
+                                    slideIndex($(current), true);
+                                    slideIndex($('.pane:last'), false);
+                                }
+                                previous = $('.pane:last');
+                            } else {
+                                if (settings.useSlideNumbers) {
+                                    slideIndex($(current), true);
+                                    slideIndex($(last), false);
+                                }
+                                previous = $(last).prev();
+                            }
+                            current = $(last);
+                            next = null;
+                            e.preventDefault();
+                            $(document).scrollTo(last);
+                    }
+                };
+            }
+
+            if (!is_mobile()) {
+                if (settings.scrollMode === 'featuredScroll') {
+                    $(document).bind({
+                        'DOMMouseScroll mousewheel scroll': featuredScroll
+                    });
+                } else if (settings.scrollMode === 'headerScroll') {
+                    $(document).bind({
+                        'DOMMouseScroll mousewheel': headerScroll
+                    });
+                }
+                $(window).resize(function () {
+                    $(singleSlide).each(function () {
+                        $(this).css('height', $(window).outerHeight());
+                        $(this).outerHeight($(window).outerHeight());
+                    });
+                });
+            }
+        });
+    };
+})(jQuery);
\ No newline at end of file