').parent();\r\n\r\n _.$list = _.$slideTrack.wrap(\r\n '
').parent();\r\n _.$slideTrack.css('opacity', 0);\r\n\r\n if (_.options.centerMode === true || _.options.swipeToSlide === true) {\r\n _.options.slidesToScroll = 1;\r\n }\r\n\r\n $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading');\r\n\r\n _.setupInfinite();\r\n\r\n _.buildArrows();\r\n\r\n _.buildDots();\r\n\r\n _.updateDots();\r\n\r\n\r\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\r\n\r\n if (_.options.draggable === true) {\r\n _.$list.addClass('draggable');\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.buildRows = function () {\r\n\r\n var _ = this, a, b, c, newSlides, numOfSlides, originalSlides, slidesPerSection;\r\n\r\n newSlides = document.createDocumentFragment();\r\n originalSlides = _.$slider.children();\r\n\r\n if (_.options.rows > 1) {\r\n\r\n slidesPerSection = _.options.slidesPerRow * _.options.rows;\r\n numOfSlides = Math.ceil(\r\n originalSlides.length / slidesPerSection\r\n );\r\n\r\n for (a = 0; a < numOfSlides; a++) {\r\n var slide = document.createElement('div');\r\n for (b = 0; b < _.options.rows; b++) {\r\n var row = document.createElement('div');\r\n for (c = 0; c < _.options.slidesPerRow; c++) {\r\n var target = (a * slidesPerSection + ((b * _.options.slidesPerRow) + c));\r\n if (originalSlides.get(target)) {\r\n row.appendChild(originalSlides.get(target));\r\n }\r\n }\r\n slide.appendChild(row);\r\n }\r\n newSlides.appendChild(slide);\r\n }\r\n\r\n _.$slider.empty().append(newSlides);\r\n _.$slider.children().children().children()\r\n .css({\r\n 'width': (100 / _.options.slidesPerRow) + '%',\r\n 'display': 'inline-block'\r\n });\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.checkResponsive = function (initial, forceUpdate) {\r\n\r\n var _ = this,\r\n breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false;\r\n var sliderWidth = _.$slider.width();\r\n var windowWidth = window.innerWidth || $(window).width();\r\n\r\n if (_.respondTo === 'window') {\r\n respondToWidth = windowWidth;\r\n } else if (_.respondTo === 'slider') {\r\n respondToWidth = sliderWidth;\r\n } else if (_.respondTo === 'min') {\r\n respondToWidth = Math.min(windowWidth, sliderWidth);\r\n }\r\n\r\n if (_.options.responsive &&\r\n _.options.responsive.length &&\r\n _.options.responsive !== null) {\r\n\r\n targetBreakpoint = null;\r\n\r\n for (breakpoint in _.breakpoints) {\r\n if (_.breakpoints.hasOwnProperty(breakpoint)) {\r\n if (_.originalSettings.mobileFirst === false) {\r\n if (respondToWidth < _.breakpoints[breakpoint]) {\r\n targetBreakpoint = _.breakpoints[breakpoint];\r\n }\r\n } else {\r\n if (respondToWidth > _.breakpoints[breakpoint]) {\r\n targetBreakpoint = _.breakpoints[breakpoint];\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (targetBreakpoint !== null) {\r\n if (_.activeBreakpoint !== null) {\r\n if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {\r\n _.activeBreakpoint =\r\n targetBreakpoint;\r\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\r\n _.unslick(targetBreakpoint);\r\n } else {\r\n _.options = $.extend({}, _.originalSettings,\r\n _.breakpointSettings[\r\n targetBreakpoint]);\r\n if (initial === true) {\r\n _.currentSlide = _.options.initialSlide;\r\n }\r\n _.refresh(initial);\r\n }\r\n triggerBreakpoint = targetBreakpoint;\r\n }\r\n } else {\r\n _.activeBreakpoint = targetBreakpoint;\r\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\r\n _.unslick(targetBreakpoint);\r\n } else {\r\n _.options = $.extend({}, _.originalSettings,\r\n _.breakpointSettings[\r\n targetBreakpoint]);\r\n if (initial === true) {\r\n _.currentSlide = _.options.initialSlide;\r\n }\r\n _.refresh(initial);\r\n }\r\n triggerBreakpoint = targetBreakpoint;\r\n }\r\n } else {\r\n if (_.activeBreakpoint !== null) {\r\n _.activeBreakpoint = null;\r\n _.options = _.originalSettings;\r\n if (initial === true) {\r\n _.currentSlide = _.options.initialSlide;\r\n }\r\n _.refresh(initial);\r\n triggerBreakpoint = targetBreakpoint;\r\n }\r\n }\r\n\r\n // only trigger breakpoints during an actual break. not on initialize.\r\n if (!initial && triggerBreakpoint !== false) {\r\n _.$slider.trigger('breakpoint', [_, triggerBreakpoint]);\r\n }\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.changeSlide = function (event, dontAnimate) {\r\n\r\n var _ = this,\r\n $target = $(event.currentTarget),\r\n indexOffset, slideOffset, unevenOffset;\r\n\r\n // If target is a link, prevent default action.\r\n if ($target.is('a')) {\r\n event.preventDefault();\r\n }\r\n\r\n // If target is not the element (ie: a child), find the .\r\n if (!$target.is('li')) {\r\n $target = $target.closest('li');\r\n }\r\n\r\n unevenOffset = (_.slideCount % _.options.slidesToScroll !== 0);\r\n indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;\r\n\r\n switch (event.data.message) {\r\n\r\n case 'previous':\r\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;\r\n if (_.slideCount > _.options.slidesToShow) {\r\n _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);\r\n }\r\n break;\r\n\r\n case 'next':\r\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;\r\n if (_.slideCount > _.options.slidesToShow) {\r\n _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);\r\n }\r\n break;\r\n\r\n case 'index':\r\n var index = event.data.index === 0 ? 0 :\r\n event.data.index || $target.index() * _.options.slidesToScroll;\r\n\r\n _.slideHandler(_.checkNavigable(index), false, dontAnimate);\r\n $target.children().trigger('focus');\r\n break;\r\n\r\n default:\r\n return;\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.checkNavigable = function (index) {\r\n\r\n var _ = this,\r\n navigables, prevNavigable;\r\n\r\n navigables = _.getNavigableIndexes();\r\n prevNavigable = 0;\r\n if (index > navigables[navigables.length - 1]) {\r\n index = navigables[navigables.length - 1];\r\n } else {\r\n for (var n in navigables) {\r\n if (index < navigables[n]) {\r\n index = prevNavigable;\r\n break;\r\n }\r\n prevNavigable = navigables[n];\r\n }\r\n }\r\n\r\n return index;\r\n };\r\n\r\n Slick.prototype.cleanUpEvents = function () {\r\n\r\n var _ = this;\r\n\r\n if (_.options.dots && _.$dots !== null) {\r\n\r\n $('li', _.$dots)\r\n .off('click.slick', _.changeSlide)\r\n .off('mouseenter.slick', $.proxy(_.interrupt, _, true))\r\n .off('mouseleave.slick', $.proxy(_.interrupt, _, false));\r\n\r\n }\r\n\r\n _.$slider.off('focus.slick blur.slick');\r\n\r\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\r\n _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide);\r\n _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide);\r\n }\r\n\r\n _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler);\r\n _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler);\r\n _.$list.off('touchend.slick mouseup.slick', _.swipeHandler);\r\n _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler);\r\n\r\n _.$list.off('click.slick', _.clickHandler);\r\n\r\n $(document).off(_.visibilityChange, _.visibility);\r\n\r\n _.cleanUpSlideEvents();\r\n\r\n if (_.options.accessibility === true) {\r\n _.$list.off('keydown.slick', _.keyHandler);\r\n }\r\n\r\n if (_.options.focusOnSelect === true) {\r\n $(_.$slideTrack).children().off('click.slick', _.selectHandler);\r\n }\r\n\r\n $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange);\r\n\r\n $(window).off('resize.slick.slick-' + _.instanceUid, _.resize);\r\n\r\n $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault);\r\n\r\n $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition);\r\n $(document).off('ready.slick.slick-' + _.instanceUid, _.setPosition);\r\n\r\n };\r\n\r\n Slick.prototype.cleanUpSlideEvents = function () {\r\n\r\n var _ = this;\r\n\r\n _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true));\r\n _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false));\r\n\r\n };\r\n\r\n Slick.prototype.cleanUpRows = function () {\r\n\r\n var _ = this, originalSlides;\r\n\r\n if (_.options.rows > 1) {\r\n originalSlides = _.$slides.children().children();\r\n originalSlides.removeAttr('style');\r\n _.$slider.empty().append(originalSlides);\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.clickHandler = function (event) {\r\n\r\n var _ = this;\r\n\r\n if (_.shouldClick === false) {\r\n event.stopImmediatePropagation();\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.destroy = function (refresh) {\r\n\r\n var _ = this;\r\n\r\n _.autoPlayClear();\r\n\r\n _.touchObject = {};\r\n\r\n _.cleanUpEvents();\r\n\r\n $('.slick-cloned', _.$slider).detach();\r\n\r\n if (_.$dots) {\r\n _.$dots.remove();\r\n }\r\n\r\n\r\n if (_.$prevArrow && _.$prevArrow.length) {\r\n\r\n _.$prevArrow\r\n .removeClass('slick-disabled slick-arrow slick-hidden')\r\n .removeAttr('aria-hidden aria-disabled tabindex')\r\n .css('display', '');\r\n\r\n if (_.htmlExpr.test(_.options.prevArrow)) {\r\n _.$prevArrow.remove();\r\n }\r\n }\r\n\r\n if (_.$nextArrow && _.$nextArrow.length) {\r\n\r\n _.$nextArrow\r\n .removeClass('slick-disabled slick-arrow slick-hidden')\r\n .removeAttr('aria-hidden aria-disabled tabindex')\r\n .css('display', '');\r\n\r\n if (_.htmlExpr.test(_.options.nextArrow)) {\r\n _.$nextArrow.remove();\r\n }\r\n\r\n }\r\n\r\n\r\n if (_.$slides) {\r\n\r\n _.$slides\r\n .removeClass('slick-slide slick-active slick-center slick-visible slick-current')\r\n .removeAttr('aria-hidden')\r\n .removeAttr('data-slick-index')\r\n .each(function () {\r\n $(this).attr('style', $(this).data('originalStyling'));\r\n });\r\n\r\n _.$slideTrack.children(this.options.slide).detach();\r\n\r\n _.$slideTrack.detach();\r\n\r\n _.$list.detach();\r\n\r\n _.$slider.append(_.$slides);\r\n }\r\n\r\n _.cleanUpRows();\r\n\r\n _.$slider.removeClass('slick-slider');\r\n _.$slider.removeClass('slick-initialized');\r\n _.$slider.removeClass('slick-dotted');\r\n\r\n _.unslicked = true;\r\n\r\n if (!refresh) {\r\n _.$slider.trigger('destroy', [_]);\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.disableTransition = function (slide) {\r\n\r\n var _ = this,\r\n transition = {};\r\n\r\n transition[_.transitionType] = '';\r\n\r\n if (_.options.fade === false) {\r\n _.$slideTrack.css(transition);\r\n } else {\r\n _.$slides.eq(slide).css(transition);\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.fadeSlide = function (slideIndex, callback) {\r\n\r\n var _ = this;\r\n\r\n if (_.cssTransitions === false) {\r\n\r\n _.$slides.eq(slideIndex).css({\r\n zIndex: _.options.zIndex\r\n });\r\n\r\n _.$slides.eq(slideIndex).animate({\r\n opacity: 1\r\n }, _.options.speed, _.options.easing, callback);\r\n\r\n } else {\r\n\r\n _.applyTransition(slideIndex);\r\n\r\n _.$slides.eq(slideIndex).css({\r\n opacity: 1,\r\n zIndex: _.options.zIndex\r\n });\r\n\r\n if (callback) {\r\n setTimeout(function () {\r\n\r\n _.disableTransition(slideIndex);\r\n\r\n callback.call();\r\n }, _.options.speed);\r\n }\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.fadeSlideOut = function (slideIndex) {\r\n\r\n var _ = this;\r\n\r\n if (_.cssTransitions === false) {\r\n\r\n _.$slides.eq(slideIndex).animate({\r\n opacity: 0,\r\n zIndex: _.options.zIndex - 2\r\n }, _.options.speed, _.options.easing);\r\n\r\n } else {\r\n\r\n _.applyTransition(slideIndex);\r\n\r\n _.$slides.eq(slideIndex).css({\r\n opacity: 0,\r\n zIndex: _.options.zIndex - 2\r\n });\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.filterSlides = Slick.prototype.slickFilter = function (filter) {\r\n\r\n var _ = this;\r\n\r\n if (filter !== null) {\r\n\r\n _.$slidesCache = _.$slides;\r\n\r\n _.unload();\r\n\r\n _.$slideTrack.children(this.options.slide).detach();\r\n\r\n _.$slidesCache.filter(filter).appendTo(_.$slideTrack);\r\n\r\n _.reinit();\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.focusHandler = function () {\r\n\r\n var _ = this;\r\n\r\n _.$slider\r\n .off('focus.slick blur.slick')\r\n .on('focus.slick blur.slick',\r\n '*:not(.slick-arrow)', function (event) {\r\n\r\n event.stopImmediatePropagation();\r\n var $sf = $(this);\r\n\r\n setTimeout(function () {\r\n\r\n if (_.options.pauseOnFocus) {\r\n _.focussed = $sf.is(':focus');\r\n _.autoPlay();\r\n }\r\n\r\n }, 0);\r\n\r\n });\r\n };\r\n\r\n Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function () {\r\n\r\n var _ = this;\r\n return _.currentSlide;\r\n\r\n };\r\n\r\n Slick.prototype.getDotCount = function () {\r\n\r\n var _ = this;\r\n\r\n var breakPoint = 0;\r\n var counter = 0;\r\n var pagerQty = 0;\r\n\r\n if (_.options.infinite === true) {\r\n while (breakPoint < _.slideCount) {\r\n ++pagerQty;\r\n breakPoint = counter + _.options.slidesToScroll;\r\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\r\n }\r\n } else if (_.options.centerMode === true) {\r\n pagerQty = _.slideCount;\r\n } else if (!_.options.asNavFor) {\r\n pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll);\r\n } else {\r\n while (breakPoint < _.slideCount) {\r\n ++pagerQty;\r\n breakPoint = counter + _.options.slidesToScroll;\r\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\r\n }\r\n }\r\n\r\n return pagerQty - 1;\r\n\r\n };\r\n\r\n Slick.prototype.getLeft = function (slideIndex) {\r\n\r\n var _ = this,\r\n targetLeft,\r\n verticalHeight,\r\n verticalOffset = 0,\r\n targetSlide;\r\n\r\n _.slideOffset = 0;\r\n verticalHeight = _.$slides.first().outerHeight(true);\r\n\r\n if (_.options.infinite === true) {\r\n if (_.slideCount > _.options.slidesToShow) {\r\n _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1;\r\n verticalOffset = (verticalHeight * _.options.slidesToShow) * -1;\r\n }\r\n if (_.slideCount % _.options.slidesToScroll !== 0) {\r\n if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {\r\n if (slideIndex > _.slideCount) {\r\n _.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1;\r\n verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1;\r\n } else {\r\n _.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1;\r\n verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1;\r\n }\r\n }\r\n }\r\n } else {\r\n if (slideIndex + _.options.slidesToShow > _.slideCount) {\r\n _.slideOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * _.slideWidth;\r\n verticalOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * verticalHeight;\r\n }\r\n }\r\n\r\n if (_.slideCount <= _.options.slidesToShow) {\r\n _.slideOffset = 0;\r\n verticalOffset = 0;\r\n }\r\n\r\n if (_.options.centerMode === true && _.options.infinite === true) {\r\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth;\r\n } else if (_.options.centerMode === true) {\r\n _.slideOffset = 0;\r\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2);\r\n }\r\n\r\n if (_.options.vertical === false) {\r\n targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset;\r\n } else {\r\n targetLeft = ((slideIndex * verticalHeight) * -1) + verticalOffset;\r\n }\r\n\r\n if (_.options.variableWidth === true) {\r\n\r\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\r\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\r\n } else {\r\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow);\r\n }\r\n\r\n if (_.options.rtl === true) {\r\n if (targetSlide[0]) {\r\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\r\n } else {\r\n targetLeft = 0;\r\n }\r\n } else {\r\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\r\n }\r\n\r\n if (_.options.centerMode === true) {\r\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\r\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\r\n } else {\r\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1);\r\n }\r\n\r\n if (_.options.rtl === true) {\r\n if (targetSlide[0]) {\r\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\r\n } else {\r\n targetLeft = 0;\r\n }\r\n } else {\r\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\r\n }\r\n\r\n targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;\r\n }\r\n }\r\n\r\n return targetLeft;\r\n\r\n };\r\n\r\n Slick.prototype.getOption = Slick.prototype.slickGetOption = function (option) {\r\n\r\n var _ = this;\r\n\r\n return _.options[option];\r\n\r\n };\r\n\r\n Slick.prototype.getNavigableIndexes = function () {\r\n\r\n var _ = this,\r\n breakPoint = 0,\r\n counter = 0,\r\n indexes = [],\r\n max;\r\n\r\n if (_.options.infinite === false) {\r\n max = _.slideCount;\r\n } else {\r\n breakPoint = _.options.slidesToScroll * -1;\r\n counter = _.options.slidesToScroll * -1;\r\n max = _.slideCount * 2;\r\n }\r\n\r\n while (breakPoint < max) {\r\n indexes.push(breakPoint);\r\n breakPoint = counter + _.options.slidesToScroll;\r\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\r\n }\r\n\r\n return indexes;\r\n\r\n };\r\n\r\n Slick.prototype.getSlick = function () {\r\n\r\n return this;\r\n\r\n };\r\n\r\n Slick.prototype.getSlideCount = function () {\r\n\r\n var _ = this,\r\n slidesTraversed, swipedSlide, centerOffset;\r\n\r\n centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0;\r\n\r\n if (_.options.swipeToSlide === true) {\r\n _.$slideTrack.find('.slick-slide').each(function (index, slide) {\r\n if (slide.offsetLeft - centerOffset + ($(slide).outerWidth() / 2) > (_.swipeLeft * -1)) {\r\n swipedSlide = slide;\r\n return false;\r\n }\r\n });\r\n\r\n slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1;\r\n\r\n return slidesTraversed;\r\n\r\n } else {\r\n return _.options.slidesToScroll;\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.goTo = Slick.prototype.slickGoTo = function (slide, dontAnimate) {\r\n\r\n var _ = this;\r\n\r\n _.changeSlide({\r\n data: {\r\n message: 'index',\r\n index: parseInt(slide)\r\n }\r\n }, dontAnimate);\r\n\r\n };\r\n\r\n Slick.prototype.init = function (creation) {\r\n\r\n var _ = this;\r\n\r\n if (!$(_.$slider).hasClass('slick-initialized')) {\r\n\r\n $(_.$slider).addClass('slick-initialized');\r\n\r\n _.buildRows();\r\n _.buildOut();\r\n _.setProps();\r\n _.startLoad();\r\n _.loadSlider();\r\n _.initializeEvents();\r\n _.updateArrows();\r\n _.updateDots();\r\n _.checkResponsive(true);\r\n _.focusHandler();\r\n\r\n }\r\n\r\n if (creation) {\r\n _.$slider.trigger('init', [_]);\r\n }\r\n\r\n if (_.options.accessibility === true) {\r\n _.initADA();\r\n }\r\n\r\n if (_.options.autoplay) {\r\n\r\n _.paused = false;\r\n _.autoPlay();\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.initADA = function () {\r\n var _ = this;\r\n _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({\r\n 'aria-hidden': 'true',\r\n 'tabindex': '-1'\r\n }).find('a, input, button, select').attr({\r\n 'tabindex': '-1'\r\n });\r\n\r\n _.$slideTrack.attr('role', 'listbox');\r\n\r\n _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function (i) {\r\n $(this).attr({\r\n 'role': 'option',\r\n 'aria-describedby': 'slick-slide' + _.instanceUid + i + ''\r\n });\r\n });\r\n\r\n if (_.$dots !== null) {\r\n _.$dots.attr('role', 'tablist').find('li').each(function (i) {\r\n $(this).attr({\r\n 'role': 'presentation',\r\n 'aria-selected': 'false',\r\n 'aria-controls': 'navigation' + _.instanceUid + i + '',\r\n 'id': 'slick-slide' + _.instanceUid + i + ''\r\n });\r\n })\r\n .first().attr('aria-selected', 'true').end()\r\n .find('button').attr('role', 'button').end()\r\n .closest('div').attr('role', 'toolbar');\r\n }\r\n _.activateADA();\r\n\r\n };\r\n\r\n Slick.prototype.initArrowEvents = function () {\r\n\r\n var _ = this;\r\n\r\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\r\n _.$prevArrow\r\n .off('click.slick')\r\n .on('click.slick', {\r\n message: 'previous'\r\n }, _.changeSlide);\r\n _.$nextArrow\r\n .off('click.slick')\r\n .on('click.slick', {\r\n message: 'next'\r\n }, _.changeSlide);\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.initDotEvents = function () {\r\n\r\n var _ = this;\r\n\r\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\r\n $('li', _.$dots).on('click.slick', {\r\n message: 'index'\r\n }, _.changeSlide);\r\n }\r\n\r\n if (_.options.dots === true && _.options.pauseOnDotsHover === true) {\r\n\r\n $('li', _.$dots)\r\n .on('mouseenter.slick', $.proxy(_.interrupt, _, true))\r\n .on('mouseleave.slick', $.proxy(_.interrupt, _, false));\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.initSlideEvents = function () {\r\n\r\n var _ = this;\r\n\r\n if (_.options.pauseOnHover) {\r\n\r\n _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true));\r\n _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false));\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.initializeEvents = function () {\r\n\r\n var _ = this;\r\n\r\n _.initArrowEvents();\r\n\r\n _.initDotEvents();\r\n _.initSlideEvents();\r\n\r\n _.$list.on('touchstart.slick mousedown.slick', {\r\n action: 'start'\r\n }, _.swipeHandler);\r\n _.$list.on('touchmove.slick mousemove.slick', {\r\n action: 'move'\r\n }, _.swipeHandler);\r\n _.$list.on('touchend.slick mouseup.slick', {\r\n action: 'end'\r\n }, _.swipeHandler);\r\n _.$list.on('touchcancel.slick mouseleave.slick', {\r\n action: 'end'\r\n }, _.swipeHandler);\r\n\r\n _.$list.on('click.slick', _.clickHandler);\r\n\r\n $(document).on(_.visibilityChange, $.proxy(_.visibility, _));\r\n\r\n if (_.options.accessibility === true) {\r\n _.$list.on('keydown.slick', _.keyHandler);\r\n }\r\n\r\n if (_.options.focusOnSelect === true) {\r\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\r\n }\r\n\r\n $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _));\r\n\r\n $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _));\r\n\r\n $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault);\r\n\r\n $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition);\r\n $(document).on('ready.slick.slick-' + _.instanceUid, _.setPosition);\r\n\r\n };\r\n\r\n Slick.prototype.initUI = function () {\r\n\r\n var _ = this;\r\n\r\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\r\n\r\n _.$prevArrow.show();\r\n _.$nextArrow.show();\r\n\r\n }\r\n\r\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\r\n\r\n _.$dots.show();\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.keyHandler = function (event) {\r\n\r\n var _ = this;\r\n //Dont slide if the cursor is inside the form fields and arrow keys are pressed\r\n if (!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {\r\n if (event.keyCode === 37 && _.options.accessibility === true) {\r\n _.changeSlide({\r\n data: {\r\n message: _.options.rtl === true ? 'next' : 'previous'\r\n }\r\n });\r\n } else if (event.keyCode === 39 && _.options.accessibility === true) {\r\n _.changeSlide({\r\n data: {\r\n message: _.options.rtl === true ? 'previous' : 'next'\r\n }\r\n });\r\n }\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.lazyLoad = function () {\r\n\r\n var _ = this,\r\n loadRange, cloneRange, rangeStart, rangeEnd;\r\n\r\n function loadImages(imagesScope) {\r\n\r\n $('img[data-lazy]', imagesScope).each(function () {\r\n\r\n var image = $(this),\r\n imageSource = $(this).attr('data-lazy'),\r\n imageToLoad = document.createElement('img');\r\n\r\n imageToLoad.onload = function () {\r\n\r\n image\r\n .animate({ opacity: 0 }, 100, function () {\r\n image\r\n .attr('src', imageSource)\r\n .animate({ opacity: 1 }, 200, function () {\r\n image\r\n .removeAttr('data-lazy')\r\n .removeClass('slick-loading');\r\n });\r\n _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\r\n });\r\n\r\n };\r\n\r\n imageToLoad.onerror = function () {\r\n\r\n image\r\n .removeAttr('data-lazy')\r\n .removeClass('slick-loading')\r\n .addClass('slick-lazyload-error');\r\n\r\n _.$slider.trigger('lazyLoadError', [_, image, imageSource]);\r\n\r\n };\r\n\r\n imageToLoad.src = imageSource;\r\n\r\n });\r\n\r\n }\r\n\r\n if (_.options.centerMode === true) {\r\n if (_.options.infinite === true) {\r\n rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);\r\n rangeEnd = rangeStart + _.options.slidesToShow + 2;\r\n } else {\r\n rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1));\r\n rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;\r\n }\r\n } else {\r\n rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide;\r\n rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);\r\n if (_.options.fade === true) {\r\n if (rangeStart > 0) rangeStart--;\r\n if (rangeEnd <= _.slideCount) rangeEnd++;\r\n }\r\n }\r\n\r\n loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd);\r\n loadImages(loadRange);\r\n\r\n if (_.slideCount <= _.options.slidesToShow) {\r\n cloneRange = _.$slider.find('.slick-slide');\r\n loadImages(cloneRange);\r\n } else\r\n if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {\r\n cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow);\r\n loadImages(cloneRange);\r\n } else if (_.currentSlide === 0) {\r\n cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1);\r\n loadImages(cloneRange);\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.loadSlider = function () {\r\n\r\n var _ = this;\r\n\r\n _.setPosition();\r\n\r\n _.$slideTrack.css({\r\n opacity: 1\r\n });\r\n\r\n _.$slider.removeClass('slick-loading');\r\n\r\n _.initUI();\r\n\r\n if (_.options.lazyLoad === 'progressive') {\r\n _.progressiveLazyLoad();\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.next = Slick.prototype.slickNext = function () {\r\n\r\n var _ = this;\r\n\r\n _.changeSlide({\r\n data: {\r\n message: 'next'\r\n }\r\n });\r\n\r\n };\r\n\r\n Slick.prototype.orientationChange = function () {\r\n\r\n var _ = this;\r\n\r\n _.checkResponsive();\r\n _.setPosition();\r\n\r\n };\r\n\r\n Slick.prototype.pause = Slick.prototype.slickPause = function () {\r\n\r\n var _ = this;\r\n\r\n _.autoPlayClear();\r\n _.paused = true;\r\n\r\n };\r\n\r\n Slick.prototype.play = Slick.prototype.slickPlay = function () {\r\n\r\n var _ = this;\r\n\r\n _.autoPlay();\r\n _.options.autoplay = true;\r\n _.paused = false;\r\n _.focussed = false;\r\n _.interrupted = false;\r\n\r\n };\r\n\r\n Slick.prototype.postSlide = function (index) {\r\n\r\n var _ = this;\r\n\r\n if (!_.unslicked) {\r\n\r\n _.$slider.trigger('afterChange', [_, index]);\r\n\r\n _.animating = false;\r\n\r\n _.setPosition();\r\n\r\n _.swipeLeft = null;\r\n\r\n if (_.options.autoplay) {\r\n _.autoPlay();\r\n }\r\n\r\n if (_.options.accessibility === true) {\r\n _.initADA();\r\n }\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.prev = Slick.prototype.slickPrev = function () {\r\n\r\n var _ = this;\r\n\r\n _.changeSlide({\r\n data: {\r\n message: 'previous'\r\n }\r\n });\r\n\r\n };\r\n\r\n Slick.prototype.preventDefault = function (event) {\r\n\r\n event.preventDefault();\r\n\r\n };\r\n\r\n Slick.prototype.progressiveLazyLoad = function (tryCount) {\r\n\r\n tryCount = tryCount || 1;\r\n\r\n var _ = this,\r\n $imgsToLoad = $('img[data-lazy]', _.$slider),\r\n image,\r\n imageSource,\r\n imageToLoad;\r\n\r\n if ($imgsToLoad.length) {\r\n\r\n image = $imgsToLoad.first();\r\n imageSource = image.attr('data-lazy');\r\n imageToLoad = document.createElement('img');\r\n\r\n imageToLoad.onload = function () {\r\n\r\n image\r\n .attr('src', imageSource)\r\n .removeAttr('data-lazy')\r\n .removeClass('slick-loading');\r\n\r\n if (_.options.adaptiveHeight === true) {\r\n _.setPosition();\r\n }\r\n\r\n _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\r\n _.progressiveLazyLoad();\r\n\r\n };\r\n\r\n imageToLoad.onerror = function () {\r\n\r\n if (tryCount < 3) {\r\n\r\n /**\r\n * try to load the image 3 times,\r\n * leave a slight delay so we don't get\r\n * servers blocking the request.\r\n */\r\n setTimeout(function () {\r\n _.progressiveLazyLoad(tryCount + 1);\r\n }, 500);\r\n\r\n } else {\r\n\r\n image\r\n .removeAttr('data-lazy')\r\n .removeClass('slick-loading')\r\n .addClass('slick-lazyload-error');\r\n\r\n _.$slider.trigger('lazyLoadError', [_, image, imageSource]);\r\n\r\n _.progressiveLazyLoad();\r\n\r\n }\r\n\r\n };\r\n\r\n imageToLoad.src = imageSource;\r\n\r\n } else {\r\n\r\n _.$slider.trigger('allImagesLoaded', [_]);\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.refresh = function (initializing) {\r\n\r\n var _ = this, currentSlide, lastVisibleIndex;\r\n\r\n lastVisibleIndex = _.slideCount - _.options.slidesToShow;\r\n\r\n // in non-infinite sliders, we don't want to go past the\r\n // last visible index.\r\n if (!_.options.infinite && (_.currentSlide > lastVisibleIndex)) {\r\n _.currentSlide = lastVisibleIndex;\r\n }\r\n\r\n // if less slides than to show, go to start.\r\n if (_.slideCount <= _.options.slidesToShow) {\r\n _.currentSlide = 0;\r\n\r\n }\r\n\r\n currentSlide = _.currentSlide;\r\n\r\n _.destroy(true);\r\n\r\n $.extend(_, _.initials, { currentSlide: currentSlide });\r\n\r\n _.init();\r\n\r\n if (!initializing) {\r\n\r\n _.changeSlide({\r\n data: {\r\n message: 'index',\r\n index: currentSlide\r\n }\r\n }, false);\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.registerBreakpoints = function () {\r\n\r\n var _ = this, breakpoint, currentBreakpoint, l,\r\n responsiveSettings = _.options.responsive || null;\r\n\r\n if ($.type(responsiveSettings) === 'array' && responsiveSettings.length) {\r\n\r\n _.respondTo = _.options.respondTo || 'window';\r\n\r\n for (breakpoint in responsiveSettings) {\r\n\r\n l = _.breakpoints.length - 1;\r\n currentBreakpoint = responsiveSettings[breakpoint].breakpoint;\r\n\r\n if (responsiveSettings.hasOwnProperty(breakpoint)) {\r\n\r\n // loop through the breakpoints and cut out any existing\r\n // ones with the same breakpoint number, we don't want dupes.\r\n while (l >= 0) {\r\n if (_.breakpoints[l] && _.breakpoints[l] === currentBreakpoint) {\r\n _.breakpoints.splice(l, 1);\r\n }\r\n l--;\r\n }\r\n\r\n _.breakpoints.push(currentBreakpoint);\r\n _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;\r\n\r\n }\r\n\r\n }\r\n\r\n _.breakpoints.sort(function (a, b) {\r\n return (_.options.mobileFirst) ? a - b : b - a;\r\n });\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.reinit = function () {\r\n\r\n var _ = this;\r\n\r\n _.$slides =\r\n _.$slideTrack\r\n .children(_.options.slide)\r\n .addClass('slick-slide');\r\n\r\n _.slideCount = _.$slides.length;\r\n\r\n if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {\r\n _.currentSlide = _.currentSlide - _.options.slidesToScroll;\r\n }\r\n\r\n if (_.slideCount <= _.options.slidesToShow) {\r\n _.currentSlide = 0;\r\n }\r\n\r\n _.registerBreakpoints();\r\n\r\n _.setProps();\r\n _.setupInfinite();\r\n _.buildArrows();\r\n _.updateArrows();\r\n _.initArrowEvents();\r\n _.buildDots();\r\n _.updateDots();\r\n _.initDotEvents();\r\n _.cleanUpSlideEvents();\r\n _.initSlideEvents();\r\n\r\n _.checkResponsive(false, true);\r\n\r\n if (_.options.focusOnSelect === true) {\r\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\r\n }\r\n\r\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\r\n\r\n _.setPosition();\r\n _.focusHandler();\r\n\r\n _.paused = !_.options.autoplay;\r\n _.autoPlay();\r\n\r\n _.$slider.trigger('reInit', [_]);\r\n\r\n };\r\n\r\n Slick.prototype.resize = function () {\r\n\r\n var _ = this;\r\n\r\n if ($(window).width() !== _.windowWidth) {\r\n clearTimeout(_.windowDelay);\r\n _.windowDelay = window.setTimeout(function () {\r\n _.windowWidth = $(window).width();\r\n _.checkResponsive();\r\n if (!_.unslicked) { _.setPosition(); }\r\n }, 50);\r\n }\r\n };\r\n\r\n Slick.prototype.removeSlide = Slick.prototype.slickRemove = function (index, removeBefore, removeAll) {\r\n\r\n var _ = this;\r\n\r\n if (typeof (index) === 'boolean') {\r\n removeBefore = index;\r\n index = removeBefore === true ? 0 : _.slideCount - 1;\r\n } else {\r\n index = removeBefore === true ? --index : index;\r\n }\r\n\r\n if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) {\r\n return false;\r\n }\r\n\r\n _.unload();\r\n\r\n if (removeAll === true) {\r\n _.$slideTrack.children().remove();\r\n } else {\r\n _.$slideTrack.children(this.options.slide).eq(index).remove();\r\n }\r\n\r\n _.$slides = _.$slideTrack.children(this.options.slide);\r\n\r\n _.$slideTrack.children(this.options.slide).detach();\r\n\r\n _.$slideTrack.append(_.$slides);\r\n\r\n _.$slidesCache = _.$slides;\r\n\r\n _.reinit();\r\n\r\n };\r\n\r\n Slick.prototype.setCSS = function (position) {\r\n\r\n var _ = this,\r\n positionProps = {},\r\n x, y;\r\n\r\n if (_.options.rtl === true) {\r\n position = -position;\r\n }\r\n x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px';\r\n y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px';\r\n\r\n positionProps[_.positionProp] = position;\r\n\r\n if (_.transformsEnabled === false) {\r\n _.$slideTrack.css(positionProps);\r\n } else {\r\n positionProps = {};\r\n if (_.cssTransitions === false) {\r\n positionProps[_.animType] = 'translate(' + x + ', ' + y + ')';\r\n _.$slideTrack.css(positionProps);\r\n } else {\r\n positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)';\r\n _.$slideTrack.css(positionProps);\r\n }\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.setDimensions = function () {\r\n\r\n var _ = this;\r\n\r\n if (_.options.vertical === false) {\r\n if (_.options.centerMode === true) {\r\n _.$list.css({\r\n padding: ('0px ' + _.options.centerPadding)\r\n });\r\n }\r\n } else {\r\n _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow);\r\n if (_.options.centerMode === true) {\r\n _.$list.css({\r\n padding: (_.options.centerPadding + ' 0px')\r\n });\r\n }\r\n }\r\n\r\n _.listWidth = _.$list.width();\r\n _.listHeight = _.$list.height();\r\n\r\n\r\n if (_.options.vertical === false && _.options.variableWidth === false) {\r\n _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);\r\n _.$slideTrack.width(Math.ceil((_.slideWidth * _.$slideTrack.children('.slick-slide').length)));\r\n\r\n } else if (_.options.variableWidth === true) {\r\n _.$slideTrack.width(5000 * _.slideCount);\r\n } else {\r\n _.slideWidth = Math.ceil(_.listWidth);\r\n _.$slideTrack.height(Math.ceil((_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length)));\r\n }\r\n\r\n var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width();\r\n if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);\r\n\r\n };\r\n\r\n Slick.prototype.setFade = function () {\r\n\r\n var _ = this,\r\n targetLeft;\r\n\r\n _.$slides.each(function (index, element) {\r\n targetLeft = (_.slideWidth * index) * -1;\r\n if (_.options.rtl === true) {\r\n $(element).css({\r\n position: 'relative',\r\n right: targetLeft,\r\n top: 0,\r\n zIndex: _.options.zIndex - 2,\r\n opacity: 0\r\n });\r\n } else {\r\n $(element).css({\r\n position: 'relative',\r\n left: targetLeft,\r\n top: 0,\r\n zIndex: _.options.zIndex - 2,\r\n opacity: 0\r\n });\r\n }\r\n });\r\n\r\n _.$slides.eq(_.currentSlide).css({\r\n zIndex: _.options.zIndex - 1,\r\n opacity: 1\r\n });\r\n\r\n };\r\n\r\n Slick.prototype.setHeight = function () {\r\n\r\n var _ = this;\r\n\r\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\r\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\r\n _.$list.css('height', targetHeight);\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.setOption =\r\n Slick.prototype.slickSetOption = function () {\r\n\r\n /**\r\n * accepts arguments in format of:\r\n *\r\n * - for changing a single option's value:\r\n * .slick(\"setOption\", option, value, refresh )\r\n *\r\n * - for changing a set of responsive options:\r\n * .slick(\"setOption\", 'responsive', [{}, ...], refresh )\r\n *\r\n * - for updating multiple values at once (not responsive)\r\n * .slick(\"setOption\", { 'option': value, ... }, refresh )\r\n */\r\n\r\n var _ = this, l, item, option, value, refresh = false, type;\r\n\r\n if ($.type(arguments[0]) === 'object') {\r\n\r\n option = arguments[0];\r\n refresh = arguments[1];\r\n type = 'multiple';\r\n\r\n } else if ($.type(arguments[0]) === 'string') {\r\n\r\n option = arguments[0];\r\n value = arguments[1];\r\n refresh = arguments[2];\r\n\r\n if (arguments[0] === 'responsive' && $.type(arguments[1]) === 'array') {\r\n\r\n type = 'responsive';\r\n\r\n } else if (typeof arguments[1] !== 'undefined') {\r\n\r\n type = 'single';\r\n\r\n }\r\n\r\n }\r\n\r\n if (type === 'single') {\r\n\r\n _.options[option] = value;\r\n\r\n\r\n } else if (type === 'multiple') {\r\n\r\n $.each(option, function (opt, val) {\r\n\r\n _.options[opt] = val;\r\n\r\n });\r\n\r\n\r\n } else if (type === 'responsive') {\r\n\r\n for (item in value) {\r\n\r\n if ($.type(_.options.responsive) !== 'array') {\r\n\r\n _.options.responsive = [value[item]];\r\n\r\n } else {\r\n\r\n l = _.options.responsive.length - 1;\r\n\r\n // loop through the responsive object and splice out duplicates.\r\n while (l >= 0) {\r\n\r\n if (_.options.responsive[l].breakpoint === value[item].breakpoint) {\r\n\r\n _.options.responsive.splice(l, 1);\r\n\r\n }\r\n\r\n l--;\r\n\r\n }\r\n\r\n _.options.responsive.push(value[item]);\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n if (refresh) {\r\n\r\n _.unload();\r\n _.reinit();\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.setPosition = function () {\r\n\r\n var _ = this;\r\n\r\n _.setDimensions();\r\n\r\n _.setHeight();\r\n\r\n if (_.options.fade === false) {\r\n _.setCSS(_.getLeft(_.currentSlide));\r\n } else {\r\n _.setFade();\r\n }\r\n\r\n _.$slider.trigger('setPosition', [_]);\r\n\r\n };\r\n\r\n Slick.prototype.setProps = function () {\r\n\r\n var _ = this,\r\n bodyStyle = document.body.style;\r\n\r\n _.positionProp = _.options.vertical === true ? 'top' : 'left';\r\n\r\n if (_.positionProp === 'top') {\r\n _.$slider.addClass('slick-vertical');\r\n } else {\r\n _.$slider.removeClass('slick-vertical');\r\n }\r\n\r\n if (bodyStyle.WebkitTransition !== undefined ||\r\n bodyStyle.MozTransition !== undefined ||\r\n bodyStyle.msTransition !== undefined) {\r\n if (_.options.useCSS === true) {\r\n _.cssTransitions = true;\r\n }\r\n }\r\n\r\n if (_.options.fade) {\r\n if (typeof _.options.zIndex === 'number') {\r\n if (_.options.zIndex < 3) {\r\n _.options.zIndex = 3;\r\n }\r\n } else {\r\n _.options.zIndex = _.defaults.zIndex;\r\n }\r\n }\r\n\r\n if (bodyStyle.OTransform !== undefined) {\r\n _.animType = 'OTransform';\r\n _.transformType = '-o-transform';\r\n _.transitionType = 'OTransition';\r\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\r\n }\r\n if (bodyStyle.MozTransform !== undefined) {\r\n _.animType = 'MozTransform';\r\n _.transformType = '-moz-transform';\r\n _.transitionType = 'MozTransition';\r\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false;\r\n }\r\n if (bodyStyle.webkitTransform !== undefined) {\r\n _.animType = 'webkitTransform';\r\n _.transformType = '-webkit-transform';\r\n _.transitionType = 'webkitTransition';\r\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\r\n }\r\n if (bodyStyle.msTransform !== undefined) {\r\n _.animType = 'msTransform';\r\n _.transformType = '-ms-transform';\r\n _.transitionType = 'msTransition';\r\n if (bodyStyle.msTransform === undefined) _.animType = false;\r\n }\r\n if (bodyStyle.transform !== undefined && _.animType !== false) {\r\n _.animType = 'transform';\r\n _.transformType = 'transform';\r\n _.transitionType = 'transition';\r\n }\r\n _.transformsEnabled = _.options.useTransform && (_.animType !== null && _.animType !== false);\r\n };\r\n\r\n\r\n Slick.prototype.setSlideClasses = function (index) {\r\n\r\n var _ = this,\r\n centerOffset, allSlides, indexOffset, remainder;\r\n\r\n allSlides = _.$slider\r\n .find('.slick-slide')\r\n .removeClass('slick-active slick-center slick-current')\r\n .attr('aria-hidden', 'true');\r\n\r\n _.$slides\r\n .eq(index)\r\n .addClass('slick-current');\r\n\r\n if (_.options.centerMode === true) {\r\n\r\n centerOffset = Math.floor(_.options.slidesToShow / 2);\r\n\r\n if (_.options.infinite === true) {\r\n\r\n if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) {\r\n\r\n _.$slides\r\n .slice(index - centerOffset, index + centerOffset + 1)\r\n .addClass('slick-active')\r\n .attr('aria-hidden', 'false');\r\n\r\n } else {\r\n\r\n indexOffset = _.options.slidesToShow + index;\r\n allSlides\r\n .slice(indexOffset - centerOffset + 1, indexOffset + centerOffset + 2)\r\n .addClass('slick-active')\r\n .attr('aria-hidden', 'false');\r\n\r\n }\r\n\r\n if (index === 0) {\r\n\r\n allSlides\r\n .eq(allSlides.length - 1 - _.options.slidesToShow)\r\n .addClass('slick-center');\r\n\r\n } else if (index === _.slideCount - 1) {\r\n\r\n allSlides\r\n .eq(_.options.slidesToShow)\r\n .addClass('slick-center');\r\n\r\n }\r\n\r\n }\r\n\r\n _.$slides\r\n .eq(index)\r\n .addClass('slick-center');\r\n\r\n } else {\r\n\r\n if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) {\r\n\r\n _.$slides\r\n .slice(index, index + _.options.slidesToShow)\r\n .addClass('slick-active')\r\n .attr('aria-hidden', 'false');\r\n\r\n } else if (allSlides.length <= _.options.slidesToShow) {\r\n\r\n allSlides\r\n .addClass('slick-active')\r\n .attr('aria-hidden', 'false');\r\n\r\n } else {\r\n\r\n remainder = _.slideCount % _.options.slidesToShow;\r\n indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;\r\n\r\n if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) {\r\n\r\n allSlides\r\n .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder)\r\n .addClass('slick-active')\r\n .attr('aria-hidden', 'false');\r\n\r\n } else {\r\n\r\n allSlides\r\n .slice(indexOffset, indexOffset + _.options.slidesToShow)\r\n .addClass('slick-active')\r\n .attr('aria-hidden', 'false');\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n if (_.options.lazyLoad === 'ondemand') {\r\n _.lazyLoad();\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.setupInfinite = function () {\r\n\r\n var _ = this,\r\n i, slideIndex, infiniteCount;\r\n\r\n if (_.options.fade === true) {\r\n _.options.centerMode = false;\r\n }\r\n\r\n if (_.options.infinite === true && _.options.fade === false) {\r\n\r\n slideIndex = null;\r\n\r\n if (_.slideCount > _.options.slidesToShow) {\r\n\r\n if (_.options.centerMode === true) {\r\n infiniteCount = _.options.slidesToShow + 1;\r\n } else {\r\n infiniteCount = _.options.slidesToShow;\r\n }\r\n\r\n for (i = _.slideCount; i > (_.slideCount -\r\n infiniteCount) ; i -= 1) {\r\n slideIndex = i - 1;\r\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\r\n .attr('data-slick-index', slideIndex - _.slideCount)\r\n .prependTo(_.$slideTrack).addClass('slick-cloned');\r\n }\r\n for (i = 0; i < infiniteCount; i += 1) {\r\n slideIndex = i;\r\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\r\n .attr('data-slick-index', slideIndex + _.slideCount)\r\n .appendTo(_.$slideTrack).addClass('slick-cloned');\r\n }\r\n _.$slideTrack.find('.slick-cloned').find('[id]').each(function () {\r\n $(this).attr('id', '');\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.interrupt = function (toggle) {\r\n\r\n var _ = this;\r\n\r\n if (!toggle) {\r\n _.autoPlay();\r\n }\r\n _.interrupted = toggle;\r\n\r\n };\r\n\r\n Slick.prototype.selectHandler = function (event) {\r\n\r\n var _ = this;\r\n\r\n var targetElement =\r\n $(event.target).is('.slick-slide') ?\r\n $(event.target) :\r\n $(event.target).parents('.slick-slide');\r\n\r\n var index = parseInt(targetElement.attr('data-slick-index'));\r\n\r\n if (!index) index = 0;\r\n\r\n if (_.slideCount <= _.options.slidesToShow) {\r\n\r\n _.setSlideClasses(index);\r\n _.asNavFor(index);\r\n return;\r\n\r\n }\r\n\r\n _.slideHandler(index);\r\n\r\n };\r\n\r\n Slick.prototype.slideHandler = function (index, sync, dontAnimate) {\r\n\r\n var targetSlide, animSlide, oldSlide, slideLeft, targetLeft = null,\r\n _ = this, navTarget;\r\n\r\n sync = sync || false;\r\n\r\n if (_.animating === true && _.options.waitForAnimate === true) {\r\n return;\r\n }\r\n\r\n if (_.options.fade === true && _.currentSlide === index) {\r\n return;\r\n }\r\n\r\n if (_.slideCount <= _.options.slidesToShow) {\r\n return;\r\n }\r\n\r\n if (sync === false) {\r\n _.asNavFor(index);\r\n }\r\n\r\n targetSlide = index;\r\n targetLeft = _.getLeft(targetSlide);\r\n slideLeft = _.getLeft(_.currentSlide);\r\n\r\n _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;\r\n\r\n if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) {\r\n if (_.options.fade === false) {\r\n targetSlide = _.currentSlide;\r\n if (dontAnimate !== true) {\r\n _.animateSlide(slideLeft, function () {\r\n _.postSlide(targetSlide);\r\n });\r\n } else {\r\n _.postSlide(targetSlide);\r\n }\r\n }\r\n return;\r\n } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) {\r\n if (_.options.fade === false) {\r\n targetSlide = _.currentSlide;\r\n if (dontAnimate !== true) {\r\n _.animateSlide(slideLeft, function () {\r\n _.postSlide(targetSlide);\r\n });\r\n } else {\r\n _.postSlide(targetSlide);\r\n }\r\n }\r\n return;\r\n }\r\n\r\n if (_.options.autoplay) {\r\n clearInterval(_.autoPlayTimer);\r\n }\r\n\r\n if (targetSlide < 0) {\r\n if (_.slideCount % _.options.slidesToScroll !== 0) {\r\n animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll);\r\n } else {\r\n animSlide = _.slideCount + targetSlide;\r\n }\r\n } else if (targetSlide >= _.slideCount) {\r\n if (_.slideCount % _.options.slidesToScroll !== 0) {\r\n animSlide = 0;\r\n } else {\r\n animSlide = targetSlide - _.slideCount;\r\n }\r\n } else {\r\n animSlide = targetSlide;\r\n }\r\n\r\n _.animating = true;\r\n\r\n _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);\r\n\r\n oldSlide = _.currentSlide;\r\n _.currentSlide = animSlide;\r\n\r\n _.setSlideClasses(_.currentSlide);\r\n\r\n if (_.options.asNavFor) {\r\n\r\n navTarget = _.getNavTarget();\r\n navTarget = navTarget.slick('getSlick');\r\n\r\n if (navTarget.slideCount <= navTarget.options.slidesToShow) {\r\n navTarget.setSlideClasses(_.currentSlide);\r\n }\r\n\r\n }\r\n\r\n _.updateDots();\r\n _.updateArrows();\r\n\r\n if (_.options.fade === true) {\r\n if (dontAnimate !== true) {\r\n\r\n _.fadeSlideOut(oldSlide);\r\n\r\n _.fadeSlide(animSlide, function () {\r\n _.postSlide(animSlide);\r\n });\r\n\r\n } else {\r\n _.postSlide(animSlide);\r\n }\r\n _.animateHeight();\r\n return;\r\n }\r\n\r\n if (dontAnimate !== true) {\r\n _.animateSlide(targetLeft, function () {\r\n _.postSlide(animSlide);\r\n });\r\n } else {\r\n _.postSlide(animSlide);\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.startLoad = function () {\r\n\r\n var _ = this;\r\n\r\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\r\n\r\n _.$prevArrow.hide();\r\n _.$nextArrow.hide();\r\n\r\n }\r\n\r\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\r\n\r\n _.$dots.hide();\r\n\r\n }\r\n\r\n _.$slider.addClass('slick-loading');\r\n\r\n };\r\n\r\n Slick.prototype.swipeDirection = function () {\r\n\r\n var xDist, yDist, r, swipeAngle, _ = this;\r\n\r\n xDist = _.touchObject.startX - _.touchObject.curX;\r\n yDist = _.touchObject.startY - _.touchObject.curY;\r\n r = Math.atan2(yDist, xDist);\r\n\r\n swipeAngle = Math.round(r * 180 / Math.PI);\r\n if (swipeAngle < 0) {\r\n swipeAngle = 360 - Math.abs(swipeAngle);\r\n }\r\n\r\n if ((swipeAngle <= 45) && (swipeAngle >= 0)) {\r\n return (_.options.rtl === false ? 'left' : 'right');\r\n }\r\n if ((swipeAngle <= 360) && (swipeAngle >= 315)) {\r\n return (_.options.rtl === false ? 'left' : 'right');\r\n }\r\n if ((swipeAngle >= 135) && (swipeAngle <= 225)) {\r\n return (_.options.rtl === false ? 'right' : 'left');\r\n }\r\n if (_.options.verticalSwiping === true) {\r\n if ((swipeAngle >= 35) && (swipeAngle <= 135)) {\r\n return 'down';\r\n } else {\r\n return 'up';\r\n }\r\n }\r\n\r\n return 'vertical';\r\n\r\n };\r\n\r\n Slick.prototype.swipeEnd = function (event) {\r\n\r\n var _ = this,\r\n slideCount,\r\n direction;\r\n\r\n _.dragging = false;\r\n _.interrupted = false;\r\n _.shouldClick = (_.touchObject.swipeLength > 10) ? false : true;\r\n\r\n if (_.touchObject.curX === undefined) {\r\n return false;\r\n }\r\n\r\n if (_.touchObject.edgeHit === true) {\r\n _.$slider.trigger('edge', [_, _.swipeDirection()]);\r\n }\r\n\r\n if (_.touchObject.swipeLength >= _.touchObject.minSwipe) {\r\n\r\n direction = _.swipeDirection();\r\n\r\n switch (direction) {\r\n\r\n case 'left':\r\n case 'down':\r\n\r\n slideCount =\r\n _.options.swipeToSlide ?\r\n _.checkNavigable(_.currentSlide + _.getSlideCount()) :\r\n _.currentSlide + _.getSlideCount();\r\n\r\n _.currentDirection = 0;\r\n\r\n break;\r\n\r\n case 'right':\r\n case 'up':\r\n\r\n slideCount =\r\n _.options.swipeToSlide ?\r\n _.checkNavigable(_.currentSlide - _.getSlideCount()) :\r\n _.currentSlide - _.getSlideCount();\r\n\r\n _.currentDirection = 1;\r\n\r\n break;\r\n\r\n default:\r\n\r\n\r\n }\r\n\r\n if (direction != 'vertical') {\r\n\r\n _.slideHandler(slideCount);\r\n _.touchObject = {};\r\n _.$slider.trigger('swipe', [_, direction]);\r\n\r\n }\r\n\r\n } else {\r\n\r\n if (_.touchObject.startX !== _.touchObject.curX) {\r\n\r\n _.slideHandler(_.currentSlide);\r\n _.touchObject = {};\r\n\r\n }\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.swipeHandler = function (event) {\r\n\r\n var _ = this;\r\n\r\n if ((_.options.swipe === false) || ('ontouchend' in document && _.options.swipe === false)) {\r\n return;\r\n } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) {\r\n return;\r\n }\r\n\r\n _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ?\r\n event.originalEvent.touches.length : 1;\r\n\r\n _.touchObject.minSwipe = _.listWidth / _.options\r\n .touchThreshold;\r\n\r\n if (_.options.verticalSwiping === true) {\r\n _.touchObject.minSwipe = _.listHeight / _.options\r\n .touchThreshold;\r\n }\r\n\r\n switch (event.data.action) {\r\n\r\n case 'start':\r\n _.swipeStart(event);\r\n break;\r\n\r\n case 'move':\r\n _.swipeMove(event);\r\n break;\r\n\r\n case 'end':\r\n _.swipeEnd(event);\r\n break;\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.swipeMove = function (event) {\r\n\r\n var _ = this,\r\n edgeWasHit = false,\r\n curLeft, swipeDirection, swipeLength, positionOffset, touches;\r\n\r\n touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;\r\n\r\n if (!_.dragging || touches && touches.length !== 1) {\r\n return false;\r\n }\r\n\r\n curLeft = _.getLeft(_.currentSlide);\r\n\r\n _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX;\r\n _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY;\r\n\r\n _.touchObject.swipeLength = Math.round(Math.sqrt(\r\n Math.pow(_.touchObject.curX - _.touchObject.startX, 2)));\r\n\r\n if (_.options.verticalSwiping === true) {\r\n _.touchObject.swipeLength = Math.round(Math.sqrt(\r\n Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));\r\n }\r\n\r\n swipeDirection = _.swipeDirection();\r\n\r\n if (swipeDirection === 'vertical') {\r\n return;\r\n }\r\n\r\n if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {\r\n event.preventDefault();\r\n }\r\n\r\n positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);\r\n if (_.options.verticalSwiping === true) {\r\n positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;\r\n }\r\n\r\n\r\n swipeLength = _.touchObject.swipeLength;\r\n\r\n _.touchObject.edgeHit = false;\r\n\r\n if (_.options.infinite === false) {\r\n if ((_.currentSlide === 0 && swipeDirection === 'right') || (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')) {\r\n swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;\r\n _.touchObject.edgeHit = true;\r\n }\r\n }\r\n\r\n if (_.options.vertical === false) {\r\n _.swipeLeft = curLeft + swipeLength * positionOffset;\r\n } else {\r\n _.swipeLeft = curLeft + (swipeLength * (_.$list.height() / _.listWidth)) * positionOffset;\r\n }\r\n if (_.options.verticalSwiping === true) {\r\n _.swipeLeft = curLeft + swipeLength * positionOffset;\r\n }\r\n\r\n if (_.options.fade === true || _.options.touchMove === false) {\r\n return false;\r\n }\r\n\r\n if (_.animating === true) {\r\n _.swipeLeft = null;\r\n return false;\r\n }\r\n\r\n _.setCSS(_.swipeLeft);\r\n\r\n };\r\n\r\n Slick.prototype.swipeStart = function (event) {\r\n\r\n var _ = this,\r\n touches;\r\n\r\n _.interrupted = true;\r\n\r\n if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) {\r\n _.touchObject = {};\r\n return false;\r\n }\r\n\r\n if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) {\r\n touches = event.originalEvent.touches[0];\r\n }\r\n\r\n _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX;\r\n _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY;\r\n\r\n _.dragging = true;\r\n\r\n };\r\n\r\n Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function () {\r\n\r\n var _ = this;\r\n\r\n if (_.$slidesCache !== null) {\r\n\r\n _.unload();\r\n\r\n _.$slideTrack.children(this.options.slide).detach();\r\n\r\n _.$slidesCache.appendTo(_.$slideTrack);\r\n\r\n _.reinit();\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.unload = function () {\r\n\r\n var _ = this;\r\n\r\n $('.slick-cloned', _.$slider).remove();\r\n\r\n if (_.$dots) {\r\n _.$dots.remove();\r\n }\r\n\r\n if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {\r\n _.$prevArrow.remove();\r\n }\r\n\r\n if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {\r\n _.$nextArrow.remove();\r\n }\r\n\r\n _.$slides\r\n .removeClass('slick-slide slick-active slick-visible slick-current')\r\n .attr('aria-hidden', 'true')\r\n .css('width', '');\r\n\r\n };\r\n\r\n Slick.prototype.unslick = function (fromBreakpoint) {\r\n\r\n var _ = this;\r\n _.$slider.trigger('unslick', [_, fromBreakpoint]);\r\n _.destroy();\r\n\r\n };\r\n\r\n Slick.prototype.updateArrows = function () {\r\n\r\n var _ = this,\r\n centerOffset;\r\n\r\n centerOffset = Math.floor(_.options.slidesToShow / 2);\r\n\r\n if (_.options.arrows === true &&\r\n _.slideCount > _.options.slidesToShow &&\r\n !_.options.infinite) {\r\n\r\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\r\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\r\n\r\n if (_.currentSlide === 0) {\r\n\r\n _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\r\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\r\n\r\n } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {\r\n\r\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\r\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\r\n\r\n } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {\r\n\r\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\r\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\r\n\r\n }\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.updateDots = function () {\r\n\r\n var _ = this;\r\n\r\n if (_.$dots !== null) {\r\n\r\n _.$dots\r\n .find('li')\r\n .removeClass('slick-active')\r\n .attr('aria-hidden', 'true');\r\n\r\n _.$dots\r\n .find('li')\r\n .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\r\n .addClass('slick-active')\r\n .attr('aria-hidden', 'false');\r\n\r\n }\r\n\r\n };\r\n\r\n Slick.prototype.visibility = function () {\r\n\r\n var _ = this;\r\n\r\n if (_.options.autoplay) {\r\n\r\n if (document[_.hidden]) {\r\n\r\n _.interrupted = true;\r\n\r\n } else {\r\n\r\n _.interrupted = false;\r\n\r\n }\r\n\r\n }\r\n\r\n };\r\n\r\n $.fn.slick = function () {\r\n var _ = this,\r\n opt = arguments[0],\r\n args = Array.prototype.slice.call(arguments, 1),\r\n l = _.length,\r\n i,\r\n ret;\r\n for (i = 0; i < l; i++) {\r\n if (typeof opt == 'object' || typeof opt == 'undefined')\r\n _[i].slick = new Slick(_[i], opt);\r\n else\r\n ret = _[i].slick[opt].apply(_[i].slick, args);\r\n if (typeof ret != 'undefined') return ret;\r\n }\r\n return _;\r\n };\r\n\r\n}));\r\n\r\n\r\n/*! Lazy Load 1.9.7 - MIT license - Copyright 2010-2015 Mika Tuupola */\r\n!function(a,b,c,d){var e=a(b);a.fn.lazyload=function(f){function g(){var b=0;i.each(function(){var c=a(this);if(!j.skip_invisible||c.is(\":visible\"))if(a.abovethetop(this,j)||a.leftofbegin(this,j));else if(a.belowthefold(this,j)||a.rightoffold(this,j)){if(++b>j.failure_limit)return!1}else c.trigger(\"appear\"),b=0})}var h,i=this,j={threshold:0,failure_limit:0,event:\"scroll\",effect:\"show\",container:b,data_attribute:\"original\",skip_invisible:!1,appear:null,load:null,placeholder:\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC\"};return f&&(d!==f.failurelimit&&(f.failure_limit=f.failurelimit,delete f.failurelimit),d!==f.effectspeed&&(f.effect_speed=f.effectspeed,delete f.effectspeed),a.extend(j,f)),h=j.container===d||j.container===b?e:a(j.container),0===j.event.indexOf(\"scroll\")&&h.bind(j.event,function(){return g()}),this.each(function(){var b=this,c=a(b);b.loaded=!1,(c.attr(\"src\")===d||c.attr(\"src\")===!1)&&c.is(\"img\")&&c.attr(\"src\",j.placeholder),c.one(\"appear\",function(){if(!this.loaded){if(j.appear){var d=i.length;j.appear.call(b,d,j)}a(\"![]()
\").bind(\"load\",function(){var d=c.attr(\"data-\"+j.data_attribute);c.hide(),c.is(\"img\")?c.attr(\"src\",d):c.css(\"background-image\",\"url('\"+d+\"')\"),c[j.effect](j.effect_speed),b.loaded=!0;var e=a.grep(i,function(a){return!a.loaded});if(i=a(e),j.load){var f=i.length;j.load.call(b,f,j)}}).attr(\"src\",c.attr(\"data-\"+j.data_attribute))}}),0!==j.event.indexOf(\"scroll\")&&c.bind(j.event,function(){b.loaded||c.trigger(\"appear\")})}),e.bind(\"resize\",function(){g()}),/(?:iphone|ipod|ipad).*os 5/gi.test(navigator.appVersion)&&e.bind(\"pageshow\",function(b){b.originalEvent&&b.originalEvent.persisted&&i.each(function(){a(this).trigger(\"appear\")})}),a(c).ready(function(){g()}),this},a.belowthefold=function(c,f){var g;return g=f.container===d||f.container===b?(b.innerHeight?b.innerHeight:e.height())+e.scrollTop():a(f.container).offset().top+a(f.container).height(),g<=a(c).offset().top-f.threshold},a.rightoffold=function(c,f){var g;return g=f.container===d||f.container===b?e.width()+e.scrollLeft():a(f.container).offset().left+a(f.container).width(),g<=a(c).offset().left-f.threshold},a.abovethetop=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollTop():a(f.container).offset().top,g>=a(c).offset().top+f.threshold+a(c).height()},a.leftofbegin=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollLeft():a(f.container).offset().left,g>=a(c).offset().left+f.threshold+a(c).width()},a.inviewport=function(b,c){return!(a.rightoffold(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.abovethetop(b,c))},a.extend(a.expr[\":\"],{\"below-the-fold\":function(b){return a.belowthefold(b,{threshold:0})},\"above-the-top\":function(b){return!a.belowthefold(b,{threshold:0})},\"right-of-screen\":function(b){return a.rightoffold(b,{threshold:0})},\"left-of-screen\":function(b){return!a.rightoffold(b,{threshold:0})},\"in-viewport\":function(b){return a.inviewport(b,{threshold:0})},\"above-the-fold\":function(b){return!a.belowthefold(b,{threshold:0})},\"right-of-fold\":function(b){return a.rightoffold(b,{threshold:0})},\"left-of-fold\":function(b){return!a.rightoffold(b,{threshold:0})}})}(jQuery,window,document);\r\n/**\r\n * --------------------------------------------------------------------------\r\n * Bootstrap (v4.0.0-alpha.2): util.js\r\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\r\n * --------------------------------------------------------------------------\r\n */\r\n\r\n'use strict';\r\n\r\nvar Util = (function ($) {\r\n\r\n /**\r\n * ------------------------------------------------------------------------\r\n * Private TransitionEnd Helpers\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\n var transition = false;\r\n\r\n var TransitionEndEvent = {\r\n WebkitTransition: 'webkitTransitionEnd',\r\n MozTransition: 'transitionend',\r\n OTransition: 'oTransitionEnd otransitionend',\r\n transition: 'transitionend'\r\n };\r\n\r\n // shoutout AngusCroll (https://goo.gl/pxwQGp)\r\n function toType(obj) {\r\n return ({}).toString.call(obj).match(/\\s([a-zA-Z]+)/)[1].toLowerCase();\r\n }\r\n\r\n function isElement(obj) {\r\n return (obj[0] || obj).nodeType;\r\n }\r\n\r\n function getSpecialTransitionEndEvent() {\r\n return {\r\n bindType: transition.end,\r\n delegateType: transition.end,\r\n handle: function handle(event) {\r\n if ($(event.target).is(this)) {\r\n return event.handleObj.handler.apply(this, arguments);\r\n }\r\n }\r\n };\r\n }\r\n\r\n function transitionEndTest() {\r\n if (window.QUnit) {\r\n return false;\r\n }\r\n\r\n var el = document.createElement('bootstrap');\r\n\r\n for (var _name in TransitionEndEvent) {\r\n if (el.style[_name] !== undefined) {\r\n return { end: TransitionEndEvent[_name] };\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n function transitionEndEmulator(duration) {\r\n var _this = this;\r\n\r\n var called = false;\r\n\r\n $(this).one(Util.TRANSITION_END, function () {\r\n called = true;\r\n });\r\n\r\n setTimeout(function () {\r\n if (!called) {\r\n Util.triggerTransitionEnd(_this);\r\n }\r\n }, duration);\r\n\r\n return this;\r\n }\r\n\r\n function setTransitionEndSupport() {\r\n transition = transitionEndTest();\r\n\r\n $.fn.emulateTransitionEnd = transitionEndEmulator;\r\n\r\n if (Util.supportsTransitionEnd()) {\r\n $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();\r\n }\r\n }\r\n\r\n /**\r\n * --------------------------------------------------------------------------\r\n * Public Util Api\r\n * --------------------------------------------------------------------------\r\n */\r\n\r\n var Util = {\r\n\r\n TRANSITION_END: 'bsTransitionEnd',\r\n\r\n getUID: function getUID(prefix) {\r\n do {\r\n prefix += ~ ~(Math.random() * 1000000); // \"~~\" acts like a faster Math.floor() here\r\n } while (document.getElementById(prefix));\r\n return prefix;\r\n },\r\n\r\n getSelectorFromElement: function getSelectorFromElement(element) {\r\n var selector = element.getAttribute('data-target');\r\n\r\n if (!selector) {\r\n selector = element.getAttribute('href') || '';\r\n selector = /^#[a-z]/i.test(selector) ? selector : null;\r\n }\r\n\r\n return selector;\r\n },\r\n\r\n reflow: function reflow(element) {\r\n new Function('bs', 'return bs')(element.offsetHeight);\r\n },\r\n\r\n triggerTransitionEnd: function triggerTransitionEnd(element) {\r\n $(element).trigger(transition.end);\r\n },\r\n\r\n supportsTransitionEnd: function supportsTransitionEnd() {\r\n return Boolean(transition);\r\n },\r\n\r\n typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) {\r\n for (var property in configTypes) {\r\n if (configTypes.hasOwnProperty(property)) {\r\n var expectedTypes = configTypes[property];\r\n var value = config[property];\r\n var valueType = undefined;\r\n\r\n if (value && isElement(value)) {\r\n valueType = 'element';\r\n } else {\r\n valueType = toType(value);\r\n }\r\n\r\n if (!new RegExp(expectedTypes).test(valueType)) {\r\n throw new Error(componentName.toUpperCase() + ': ' + ('Option \"' + property + '\" provided type \"' + valueType + '\" ') + ('but expected type \"' + expectedTypes + '\".'));\r\n }\r\n }\r\n }\r\n }\r\n };\r\n\r\n setTransitionEndSupport();\r\n\r\n return Util;\r\n})(jQuery);\r\n//# sourceMappingURL=util.js.map\r\n'use strict';\r\n\r\nvar _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();\r\n\r\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }\r\n\r\n/**\r\n * --------------------------------------------------------------------------\r\n * Bootstrap (v4.0.0-alpha.2): tab.js\r\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\r\n * --------------------------------------------------------------------------\r\n */\r\n\r\nvar Tab = (function ($) {\r\n\r\n /**\r\n * ------------------------------------------------------------------------\r\n * Constants\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\n var NAME = 'tab';\r\n var VERSION = '4.0.0-alpha';\r\n var DATA_KEY = 'bs.tab';\r\n var EVENT_KEY = '.' + DATA_KEY;\r\n var DATA_API_KEY = '.data-api';\r\n var JQUERY_NO_CONFLICT = $.fn[NAME];\r\n var TRANSITION_DURATION = 150;\r\n\r\n var Event = {\r\n HIDE: 'hide' + EVENT_KEY,\r\n HIDDEN: 'hidden' + EVENT_KEY,\r\n SHOW: 'show' + EVENT_KEY,\r\n SHOWN: 'shown' + EVENT_KEY,\r\n CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY\r\n };\r\n\r\n var ClassName = {\r\n DROPDOWN_MENU: 'dropdown-menu',\r\n ACTIVE: 'active',\r\n FADE: 'fade',\r\n IN: 'in'\r\n };\r\n\r\n var Selector = {\r\n A: 'a',\r\n LI: 'li',\r\n DROPDOWN: '.dropdown',\r\n UL: 'ul:not(.dropdown-menu)',\r\n FADE_CHILD: '> .nav-item .fade, > .fade',\r\n ACTIVE: '.active',\r\n ACTIVE_CHILD: '> .nav-item > .active, > .active',\r\n DATA_TOGGLE: '[data-toggle=\"tab\"], [data-toggle=\"pill\"]',\r\n DROPDOWN_TOGGLE: '.dropdown-toggle',\r\n DROPDOWN_ACTIVE_CHILD: '> .dropdown-menu .active'\r\n };\r\n\r\n /**\r\n * ------------------------------------------------------------------------\r\n * Class Definition\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\n var Tab = (function () {\r\n function Tab(element) {\r\n _classCallCheck(this, Tab);\r\n\r\n this._element = element;\r\n }\r\n\r\n /**\r\n * ------------------------------------------------------------------------\r\n * Data Api implementation\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\n // getters\r\n\r\n _createClass(Tab, [{\r\n key: 'show',\r\n\r\n // public\r\n\r\n value: function show() {\r\n var _this = this;\r\n\r\n if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE && $(this._element).hasClass(ClassName.ACTIVE)) {\r\n return;\r\n }\r\n\r\n var target = undefined;\r\n var previous = undefined;\r\n var ulElement = $(this._element).closest(Selector.UL)[0];\r\n var selector = Util.getSelectorFromElement(this._element);\r\n\r\n if (ulElement) {\r\n previous = $.makeArray($(ulElement).find(Selector.ACTIVE));\r\n previous = previous[previous.length - 1];\r\n }\r\n\r\n var hideEvent = $.Event(Event.HIDE, {\r\n relatedTarget: this._element\r\n });\r\n\r\n var showEvent = $.Event(Event.SHOW, {\r\n relatedTarget: previous\r\n });\r\n\r\n if (previous) {\r\n $(previous).trigger(hideEvent);\r\n }\r\n\r\n $(this._element).trigger(showEvent);\r\n\r\n if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) {\r\n return;\r\n }\r\n\r\n if (selector) {\r\n target = $(selector)[0];\r\n }\r\n\r\n this._activate(this._element, ulElement);\r\n\r\n var complete = function complete() {\r\n var hiddenEvent = $.Event(Event.HIDDEN, {\r\n relatedTarget: _this._element\r\n });\r\n\r\n var shownEvent = $.Event(Event.SHOWN, {\r\n relatedTarget: previous\r\n });\r\n\r\n $(previous).trigger(hiddenEvent);\r\n $(_this._element).trigger(shownEvent);\r\n };\r\n\r\n if (target) {\r\n this._activate(target, target.parentNode, complete);\r\n } else {\r\n complete();\r\n }\r\n }\r\n }, {\r\n key: 'dispose',\r\n value: function dispose() {\r\n $.removeClass(this._element, DATA_KEY);\r\n this._element = null;\r\n }\r\n\r\n // private\r\n\r\n }, {\r\n key: '_activate',\r\n value: function _activate(element, container, callback) {\r\n var active = $(container).find(Selector.ACTIVE_CHILD)[0];\r\n var isTransitioning = callback && Util.supportsTransitionEnd() && (active && $(active).hasClass(ClassName.FADE) || Boolean($(container).find(Selector.FADE_CHILD)[0]));\r\n\r\n var complete = $.proxy(this._transitionComplete, this, element, active, isTransitioning, callback);\r\n\r\n if (active && isTransitioning) {\r\n $(active).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);\r\n } else {\r\n complete();\r\n }\r\n\r\n if (active) {\r\n $(active).removeClass(ClassName.IN);\r\n }\r\n }\r\n }, {\r\n key: '_transitionComplete',\r\n value: function _transitionComplete(element, active, isTransitioning, callback) {\r\n if (active) {\r\n $(active).removeClass(ClassName.ACTIVE);\r\n\r\n var dropdownChild = $(active).find(Selector.DROPDOWN_ACTIVE_CHILD)[0];\r\n\r\n if (dropdownChild) {\r\n $(dropdownChild).removeClass(ClassName.ACTIVE);\r\n }\r\n\r\n active.setAttribute('aria-expanded', false);\r\n }\r\n\r\n $(element).addClass(ClassName.ACTIVE);\r\n element.setAttribute('aria-expanded', true);\r\n\r\n if (isTransitioning) {\r\n Util.reflow(element);\r\n $(element).addClass(ClassName.IN);\r\n } else {\r\n $(element).removeClass(ClassName.FADE);\r\n }\r\n\r\n if (element.parentNode && $(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) {\r\n\r\n var dropdownElement = $(element).closest(Selector.DROPDOWN)[0];\r\n if (dropdownElement) {\r\n $(dropdownElement).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);\r\n }\r\n\r\n element.setAttribute('aria-expanded', true);\r\n }\r\n\r\n if (callback) {\r\n callback();\r\n }\r\n }\r\n\r\n // static\r\n\r\n }], [{\r\n key: '_jQueryInterface',\r\n value: function _jQueryInterface(config) {\r\n return this.each(function () {\r\n var $this = $(this);\r\n var data = $this.data(DATA_KEY);\r\n\r\n if (!data) {\r\n data = data = new Tab(this);\r\n $this.data(DATA_KEY, data);\r\n }\r\n\r\n if (typeof config === 'string') {\r\n if (data[config] === undefined) {\r\n throw new Error('No method named \"' + config + '\"');\r\n }\r\n data[config]();\r\n }\r\n });\r\n }\r\n }, {\r\n key: 'VERSION',\r\n get: function get() {\r\n return VERSION;\r\n }\r\n }]);\r\n\r\n return Tab;\r\n })();\r\n\r\n $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\r\n event.preventDefault();\r\n Tab._jQueryInterface.call($(this), 'show');\r\n });\r\n\r\n /**\r\n * ------------------------------------------------------------------------\r\n * jQuery\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\n $.fn[NAME] = Tab._jQueryInterface;\r\n $.fn[NAME].Constructor = Tab;\r\n $.fn[NAME].noConflict = function () {\r\n $.fn[NAME] = JQUERY_NO_CONFLICT;\r\n return Tab._jQueryInterface;\r\n };\r\n\r\n return Tab;\r\n})(jQuery);\r\n//# sourceMappingURL=tab.js.map\r\n\r\n/*!\r\nWaypoints - 4.0.0\r\nCopyright © 2011-2015 Caleb Troughton\r\nLicensed under the MIT license.\r\nhttps://github.com/imakewebthings/waypoints/blog/master/licenses.txt\r\n*/\r\n!function(){\"use strict\";function t(o){if(!o)throw new Error(\"No options passed to Waypoint constructor\");if(!o.element)throw new Error(\"No element option passed to Waypoint constructor\");if(!o.handler)throw new Error(\"No handler option passed to Waypoint constructor\");this.key=\"waypoint-\"+e,this.options=t.Adapter.extend({},t.defaults,o),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?\"horizontal\":\"vertical\",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var o in i)e.push(i[o]);for(var n=0,r=e.length;r>n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll(\"destroy\")},t.disableAll=function(){t.invokeAll(\"disable\")},t.enableAll=function(){t.invokeAll(\"enable\")},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:\"default\",horizontal:!1,offset:0},t.offsetAliases={\"bottom-in-view\":function(){return this.context.innerHeight()-this.adapter.outerHeight()},\"right-in-view\":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){\"use strict\";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key=\"waypoint-context-\"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?\"horizontal\":\"vertical\";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical);t&&e&&(this.adapter.off(\".waypoints\"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on(\"resize.waypoints\",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on(\"scroll.waypoints\",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:\"right\",backward:\"left\"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:\"down\",backward:\"up\"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s],l=o.oldScroll=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:\"right\",backward:\"left\",offsetProp:\"left\"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:\"down\",backward:\"up\",offsetProp:\"top\"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),\"function\"==typeof f?f=f.apply(d):\"string\"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf(\"%\")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=y+l-f,h=w=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){\"use strict\";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+\"-\"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n=\"up\"===i||\"left\"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){\"use strict\";function t(t){this.$element=e(t)}var e=window.jQuery,i=window.Waypoint;e.each([\"innerHeight\",\"innerWidth\",\"off\",\"offset\",\"on\",\"outerHeight\",\"outerWidth\",\"scrollLeft\",\"scrollTop\"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),e.each([\"extend\",\"inArray\",\"isEmptyObject\"],function(i,o){t[o]=e[o]}),i.adapters.push({name:\"jquery\",Adapter:t}),i.Adapter=t}(),function(){\"use strict\";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});\"string\"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}();\r\n/*!\r\n * skrollr core\r\n *\r\n * Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr\r\n *\r\n * Free to use under terms of MIT license\r\n */\r\n(function(window, document, undefined) {\r\n\t'use strict';\r\n\r\n\t/*\r\n\t * Global api.\r\n\t */\r\n\tvar skrollr = {\r\n\t\tget: function() {\r\n\t\t\treturn _instance;\r\n\t\t},\r\n\t\t//Main entry point.\r\n\t\tinit: function(options) {\r\n\t\t\treturn _instance || new Skrollr(options);\r\n\t\t},\r\n\t\tVERSION: '0.6.30'\r\n\t};\r\n\r\n\t//Minify optimization.\r\n\tvar hasProp = Object.prototype.hasOwnProperty;\r\n\tvar Math = window.Math;\r\n\tvar getStyle = window.getComputedStyle;\r\n\r\n\t//They will be filled when skrollr gets initialized.\r\n\tvar documentElement;\r\n\tvar body;\r\n\r\n\tvar EVENT_TOUCHSTART = 'touchstart';\r\n\tvar EVENT_TOUCHMOVE = 'touchmove';\r\n\tvar EVENT_TOUCHCANCEL = 'touchcancel';\r\n\tvar EVENT_TOUCHEND = 'touchend';\r\n\r\n\tvar SKROLLABLE_CLASS = 'skrollable';\r\n\tvar SKROLLABLE_BEFORE_CLASS = SKROLLABLE_CLASS + '-before';\r\n\tvar SKROLLABLE_BETWEEN_CLASS = SKROLLABLE_CLASS + '-between';\r\n\tvar SKROLLABLE_AFTER_CLASS = SKROLLABLE_CLASS + '-after';\r\n\r\n\tvar SKROLLR_CLASS = 'skrollr';\r\n\tvar NO_SKROLLR_CLASS = 'no-' + SKROLLR_CLASS;\r\n\tvar SKROLLR_DESKTOP_CLASS = SKROLLR_CLASS + '-desktop';\r\n\tvar SKROLLR_MOBILE_CLASS = SKROLLR_CLASS + '-mobile';\r\n\r\n\tvar DEFAULT_EASING = 'linear';\r\n\tvar DEFAULT_DURATION = 1000;//ms\r\n\tvar DEFAULT_MOBILE_DECELERATION = 0.004;//pixel/ms²\r\n\r\n\tvar DEFAULT_SKROLLRBODY = 'skrollr-body';\r\n\r\n\tvar DEFAULT_SMOOTH_SCROLLING_DURATION = 200;//ms\r\n\r\n\tvar ANCHOR_START = 'start';\r\n\tvar ANCHOR_END = 'end';\r\n\tvar ANCHOR_CENTER = 'center';\r\n\tvar ANCHOR_BOTTOM = 'bottom';\r\n\r\n\t//The property which will be added to the DOM element to hold the ID of the skrollable.\r\n\tvar SKROLLABLE_ID_DOM_PROPERTY = '___skrollable_id';\r\n\r\n\tvar rxTouchIgnoreTags = /^(?:input|textarea|button|select)$/i;\r\n\r\n\tvar rxTrim = /^\\s+|\\s+$/g;\r\n\r\n\t//Find all data-attributes. data-[_constant]-[offset]-[anchor]-[anchor].\r\n\tvar rxKeyframeAttribute = /^data(?:-(_\\w+))?(?:-?(-?\\d*\\.?\\d+p?))?(?:-?(start|end|top|center|bottom))?(?:-?(top|center|bottom))?$/;\r\n\r\n\tvar rxPropValue = /\\s*(@?[\\w\\-\\[\\]]+)\\s*:\\s*(.+?)\\s*(?:;|$)/gi;\r\n\r\n\t//Easing function names follow the property in square brackets.\r\n\tvar rxPropEasing = /^(@?[a-z\\-]+)\\[(\\w+)\\]$/;\r\n\r\n\tvar rxCamelCase = /-([a-z0-9_])/g;\r\n\tvar rxCamelCaseFn = function(str, letter) {\r\n\t\treturn letter.toUpperCase();\r\n\t};\r\n\r\n\t//Numeric values with optional sign.\r\n\tvar rxNumericValue = /[\\-+]?[\\d]*\\.?[\\d]+/g;\r\n\r\n\t//Used to replace occurences of {?} with a number.\r\n\tvar rxInterpolateString = /\\{\\?\\}/g;\r\n\r\n\t//Finds rgb(a) colors, which don't use the percentage notation.\r\n\tvar rxRGBAIntegerColor = /rgba?\\(\\s*-?\\d+\\s*,\\s*-?\\d+\\s*,\\s*-?\\d+/g;\r\n\r\n\t//Finds all gradients.\r\n\tvar rxGradient = /[a-z\\-]+-gradient/g;\r\n\r\n\t//Vendor prefix. Will be set once skrollr gets initialized.\r\n\tvar theCSSPrefix = '';\r\n\tvar theDashedCSSPrefix = '';\r\n\r\n\t//Will be called once (when skrollr gets initialized).\r\n\tvar detectCSSPrefix = function() {\r\n\t\t//Only relevant prefixes. May be extended.\r\n\t\t//Could be dangerous if there will ever be a CSS property which actually starts with \"ms\". Don't hope so.\r\n\t\tvar rxPrefixes = /^(?:O|Moz|webkit|ms)|(?:-(?:o|moz|webkit|ms)-)/;\r\n\r\n\t\t//Detect prefix for current browser by finding the first property using a prefix.\r\n\t\tif(!getStyle) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar style = getStyle(body, null);\r\n\r\n\t\tfor(var k in style) {\r\n\t\t\t//We check the key and if the key is a number, we check the value as well, because safari's getComputedStyle returns some weird array-like thingy.\r\n\t\t\ttheCSSPrefix = (k.match(rxPrefixes) || (+k == k && style[k].match(rxPrefixes)));\r\n\r\n\t\t\tif(theCSSPrefix) {\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//Did we even detect a prefix?\r\n\t\tif(!theCSSPrefix) {\r\n\t\t\ttheCSSPrefix = theDashedCSSPrefix = '';\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\ttheCSSPrefix = theCSSPrefix[0];\r\n\r\n\t\t//We could have detected either a dashed prefix or this camelCaseish-inconsistent stuff.\r\n\t\tif(theCSSPrefix.slice(0,1) === '-') {\r\n\t\t\ttheDashedCSSPrefix = theCSSPrefix;\r\n\r\n\t\t\t//There's no logic behind these. Need a look up.\r\n\t\t\ttheCSSPrefix = ({\r\n\t\t\t\t'-webkit-': 'webkit',\r\n\t\t\t\t'-moz-': 'Moz',\r\n\t\t\t\t'-ms-': 'ms',\r\n\t\t\t\t'-o-': 'O'\r\n\t\t\t})[theCSSPrefix];\r\n\t\t} else {\r\n\t\t\ttheDashedCSSPrefix = '-' + theCSSPrefix.toLowerCase() + '-';\r\n\t\t}\r\n\t};\r\n\r\n\tvar polyfillRAF = function() {\r\n\t\tvar requestAnimFrame = window.requestAnimationFrame || window[theCSSPrefix.toLowerCase() + 'RequestAnimationFrame'];\r\n\r\n\t\tvar lastTime = _now();\r\n\r\n\t\tif(_isMobile || !requestAnimFrame) {\r\n\t\t\trequestAnimFrame = function(callback) {\r\n\t\t\t\t//How long did it take to render?\r\n\t\t\t\tvar deltaTime = _now() - lastTime;\r\n\t\t\t\tvar delay = Math.max(0, 1000 / 60 - deltaTime);\r\n\r\n\t\t\t\treturn window.setTimeout(function() {\r\n\t\t\t\t\tlastTime = _now();\r\n\t\t\t\t\tcallback();\r\n\t\t\t\t}, delay);\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\treturn requestAnimFrame;\r\n\t};\r\n\r\n\tvar polyfillCAF = function() {\r\n\t\tvar cancelAnimFrame = window.cancelAnimationFrame || window[theCSSPrefix.toLowerCase() + 'CancelAnimationFrame'];\r\n\r\n\t\tif(_isMobile || !cancelAnimFrame) {\r\n\t\t\tcancelAnimFrame = function(timeout) {\r\n\t\t\t\treturn window.clearTimeout(timeout);\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\treturn cancelAnimFrame;\r\n\t};\r\n\r\n\t//Built-in easing functions.\r\n\tvar easings = {\r\n\t\tbegin: function() {\r\n\t\t\treturn 0;\r\n\t\t},\r\n\t\tend: function() {\r\n\t\t\treturn 1;\r\n\t\t},\r\n\t\tlinear: function(p) {\r\n\t\t\treturn p;\r\n\t\t},\r\n\t\tquadratic: function(p) {\r\n\t\t\treturn p * p;\r\n\t\t},\r\n\t\tcubic: function(p) {\r\n\t\t\treturn p * p * p;\r\n\t\t},\r\n\t\tswing: function(p) {\r\n\t\t\treturn (-Math.cos(p * Math.PI) / 2) + 0.5;\r\n\t\t},\r\n\t\tsqrt: function(p) {\r\n\t\t\treturn Math.sqrt(p);\r\n\t\t},\r\n\t\toutCubic: function(p) {\r\n\t\t\treturn (Math.pow((p - 1), 3) + 1);\r\n\t\t},\r\n\t\t//see https://www.desmos.com/calculator/tbr20s8vd2 for how I did this\r\n\t\tbounce: function(p) {\r\n\t\t\tvar a;\r\n\r\n\t\t\tif(p <= 0.5083) {\r\n\t\t\t\ta = 3;\r\n\t\t\t} else if(p <= 0.8489) {\r\n\t\t\t\ta = 9;\r\n\t\t\t} else if(p <= 0.96208) {\r\n\t\t\t\ta = 27;\r\n\t\t\t} else if(p <= 0.99981) {\r\n\t\t\t\ta = 91;\r\n\t\t\t} else {\r\n\t\t\t\treturn 1;\r\n\t\t\t}\r\n\r\n\t\t\treturn 1 - Math.abs(3 * Math.cos(p * a * 1.028) / a);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Constructor.\r\n\t */\r\n\tfunction Skrollr(options) {\r\n\t\tdocumentElement = document.documentElement;\r\n\t\tbody = document.body;\r\n\r\n\t\tdetectCSSPrefix();\r\n\r\n\t\t_instance = this;\r\n\r\n\t\toptions = options || {};\r\n\r\n\t\t_constants = options.constants || {};\r\n\r\n\t\t//We allow defining custom easings or overwrite existing.\r\n\t\tif(options.easing) {\r\n\t\t\tfor(var e in options.easing) {\r\n\t\t\t\teasings[e] = options.easing[e];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t_edgeStrategy = options.edgeStrategy || 'set';\r\n\r\n\t\t_listeners = {\r\n\t\t\t//Function to be called right before rendering.\r\n\t\t\tbeforerender: options.beforerender,\r\n\r\n\t\t\t//Function to be called right after finishing rendering.\r\n\t\t\trender: options.render,\r\n\r\n\t\t\t//Function to be called whenever an element with the `data-emit-events` attribute passes a keyframe.\r\n\t\t\tkeyframe: options.keyframe\r\n\t\t};\r\n\r\n\t\t//forceHeight is true by default\r\n\t\t_forceHeight = options.forceHeight !== false;\r\n\r\n\t\tif(_forceHeight) {\r\n\t\t\t_scale = options.scale || 1;\r\n\t\t}\r\n\r\n\t\t_mobileDeceleration = options.mobileDeceleration || DEFAULT_MOBILE_DECELERATION;\r\n\r\n\t\t_smoothScrollingEnabled = options.smoothScrolling !== false;\r\n\t\t_smoothScrollingDuration = options.smoothScrollingDuration || DEFAULT_SMOOTH_SCROLLING_DURATION;\r\n\r\n\t\t//Dummy object. Will be overwritten in the _render method when smooth scrolling is calculated.\r\n\t\t_smoothScrolling = {\r\n\t\t\ttargetTop: _instance.getScrollTop()\r\n\t\t};\r\n\r\n\t\t//A custom check function may be passed.\r\n\t\t_isMobile = ((options.mobileCheck || function() {\r\n\t\t\treturn (/Android|iPhone|iPad|iPod|BlackBerry/i).test(navigator.userAgent || navigator.vendor || window.opera);\r\n\t\t})());\r\n\r\n\t\tif(_isMobile) {\r\n\t\t\t_skrollrBody = document.getElementById(options.skrollrBody || DEFAULT_SKROLLRBODY);\r\n\r\n\t\t\t//Detect 3d transform if there's a skrollr-body (only needed for #skrollr-body).\r\n\t\t\tif(_skrollrBody) {\r\n\t\t\t\t_detect3DTransforms();\r\n\t\t\t}\r\n\r\n\t\t\t_initMobile();\r\n\t\t\t_updateClass(documentElement, [SKROLLR_CLASS, SKROLLR_MOBILE_CLASS], [NO_SKROLLR_CLASS]);\r\n\t\t} else {\r\n\t\t\t_updateClass(documentElement, [SKROLLR_CLASS, SKROLLR_DESKTOP_CLASS], [NO_SKROLLR_CLASS]);\r\n\t\t}\r\n\r\n\t\t//Triggers parsing of elements and a first reflow.\r\n\t\t_instance.refresh();\r\n\r\n\t\t_addEvent(window, 'resize orientationchange', function() {\r\n\t\t\tvar width = documentElement.clientWidth;\r\n\t\t\tvar height = documentElement.clientHeight;\r\n\r\n\t\t\t//Only reflow if the size actually changed (#271).\r\n\t\t\tif(height !== _lastViewportHeight || width !== _lastViewportWidth) {\r\n\t\t\t\t_lastViewportHeight = height;\r\n\t\t\t\t_lastViewportWidth = width;\r\n\r\n\t\t\t\t_requestReflow = true;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tvar requestAnimFrame = polyfillRAF();\r\n\r\n\t\t//Let's go.\r\n\t\t(function animloop(){\r\n\t\t\t_render();\r\n\t\t\t_animFrame = requestAnimFrame(animloop);\r\n\t\t}());\r\n\r\n\t\treturn _instance;\r\n\t}\r\n\r\n\t/**\r\n\t * (Re)parses some or all elements.\r\n\t */\r\n\tSkrollr.prototype.refresh = function(elements) {\r\n\t\tvar elementIndex;\r\n\t\tvar elementsLength;\r\n\t\tvar ignoreID = false;\r\n\r\n\t\t//Completely reparse anything without argument.\r\n\t\tif(elements === undefined) {\r\n\t\t\t//Ignore that some elements may already have a skrollable ID.\r\n\t\t\tignoreID = true;\r\n\r\n\t\t\t_skrollables = [];\r\n\t\t\t_skrollableIdCounter = 0;\r\n\r\n\t\t\telements = document.getElementsByTagName('*');\r\n\t\t} else if(elements.length === undefined) {\r\n\t\t\t//We also accept a single element as parameter.\r\n\t\t\telements = [elements];\r\n\t\t}\r\n\r\n\t\telementIndex = 0;\r\n\t\telementsLength = elements.length;\r\n\r\n\t\tfor(; elementIndex < elementsLength; elementIndex++) {\r\n\t\t\tvar el = elements[elementIndex];\r\n\t\t\tvar anchorTarget = el;\r\n\t\t\tvar keyFrames = [];\r\n\r\n\t\t\t//If this particular element should be smooth scrolled.\r\n\t\t\tvar smoothScrollThis = _smoothScrollingEnabled;\r\n\r\n\t\t\t//The edge strategy for this particular element.\r\n\t\t\tvar edgeStrategy = _edgeStrategy;\r\n\r\n\t\t\t//If this particular element should emit keyframe events.\r\n\t\t\tvar emitEvents = false;\r\n\r\n\t\t\t//If we're reseting the counter, remove any old element ids that may be hanging around.\r\n\t\t\tif(ignoreID && SKROLLABLE_ID_DOM_PROPERTY in el) {\r\n\t\t\t\tdelete el[SKROLLABLE_ID_DOM_PROPERTY];\r\n\t\t\t}\r\n\r\n\t\t\tif(!el.attributes) {\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n\t\t\t//Iterate over all attributes and search for key frame attributes.\r\n\t\t\tvar attributeIndex = 0;\r\n\t\t\tvar attributesLength = el.attributes.length;\r\n\r\n\t\t\tfor (; attributeIndex < attributesLength; attributeIndex++) {\r\n\t\t\t\tvar attr = el.attributes[attributeIndex];\r\n\r\n\t\t\t\tif(attr.name === 'data-anchor-target') {\r\n\t\t\t\t\tanchorTarget = document.querySelector(attr.value);\r\n\r\n\t\t\t\t\tif(anchorTarget === null) {\r\n\t\t\t\t\t\tthrow 'Unable to find anchor target \"' + attr.value + '\"';\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//Global smooth scrolling can be overridden by the element attribute.\r\n\t\t\t\tif(attr.name === 'data-smooth-scrolling') {\r\n\t\t\t\t\tsmoothScrollThis = attr.value !== 'off';\r\n\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//Global edge strategy can be overridden by the element attribute.\r\n\t\t\t\tif(attr.name === 'data-edge-strategy') {\r\n\t\t\t\t\tedgeStrategy = attr.value;\r\n\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//Is this element tagged with the `data-emit-events` attribute?\r\n\t\t\t\tif(attr.name === 'data-emit-events') {\r\n\t\t\t\t\temitEvents = true;\r\n\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar match = attr.name.match(rxKeyframeAttribute);\r\n\r\n\t\t\t\tif(match === null) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar kf = {\r\n\t\t\t\t\tprops: attr.value,\r\n\t\t\t\t\t//Point back to the element as well.\r\n\t\t\t\t\telement: el,\r\n\t\t\t\t\t//The name of the event which this keyframe will fire, if emitEvents is\r\n\t\t\t\t\teventType: attr.name.replace(rxCamelCase, rxCamelCaseFn)\r\n\t\t\t\t};\r\n\r\n\t\t\t\tkeyFrames.push(kf);\r\n\r\n\t\t\t\tvar constant = match[1];\r\n\r\n\t\t\t\tif(constant) {\r\n\t\t\t\t\t//Strip the underscore prefix.\r\n\t\t\t\t\tkf.constant = constant.substr(1);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//Get the key frame offset.\r\n\t\t\t\tvar offset = match[2];\r\n\r\n\t\t\t\t//Is it a percentage offset?\r\n\t\t\t\tif(/p$/.test(offset)) {\r\n\t\t\t\t\tkf.isPercentage = true;\r\n\t\t\t\t\tkf.offset = (offset.slice(0, -1) | 0) / 100;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tkf.offset = (offset | 0);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar anchor1 = match[3];\r\n\r\n\t\t\t\t//If second anchor is not set, the first will be taken for both.\r\n\t\t\t\tvar anchor2 = match[4] || anchor1;\r\n\r\n\t\t\t\t//\"absolute\" (or \"classic\") mode, where numbers mean absolute scroll offset.\r\n\t\t\t\tif(!anchor1 || anchor1 === ANCHOR_START || anchor1 === ANCHOR_END) {\r\n\t\t\t\t\tkf.mode = 'absolute';\r\n\r\n\t\t\t\t\t//data-end needs to be calculated after all key frames are known.\r\n\t\t\t\t\tif(anchor1 === ANCHOR_END) {\r\n\t\t\t\t\t\tkf.isEnd = true;\r\n\t\t\t\t\t} else if(!kf.isPercentage) {\r\n\t\t\t\t\t\t//For data-start we can already set the key frame w/o calculations.\r\n\t\t\t\t\t\t//#59: \"scale\" options should only affect absolute mode.\r\n\t\t\t\t\t\tkf.offset = kf.offset * _scale;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t//\"relative\" mode, where numbers are relative to anchors.\r\n\t\t\t\telse {\r\n\t\t\t\t\tkf.mode = 'relative';\r\n\t\t\t\t\tkf.anchors = [anchor1, anchor2];\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//Does this element have key frames?\r\n\t\t\tif(!keyFrames.length) {\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n\t\t\t//Will hold the original style and class attributes before we controlled the element (see #80).\r\n\t\t\tvar styleAttr, classAttr;\r\n\r\n\t\t\tvar id;\r\n\r\n\t\t\tif(!ignoreID && SKROLLABLE_ID_DOM_PROPERTY in el) {\r\n\t\t\t\t//We already have this element under control. Grab the corresponding skrollable id.\r\n\t\t\t\tid = el[SKROLLABLE_ID_DOM_PROPERTY];\r\n\t\t\t\tstyleAttr = _skrollables[id].styleAttr;\r\n\t\t\t\tclassAttr = _skrollables[id].classAttr;\r\n\t\t\t} else {\r\n\t\t\t\t//It's an unknown element. Asign it a new skrollable id.\r\n\t\t\t\tid = (el[SKROLLABLE_ID_DOM_PROPERTY] = _skrollableIdCounter++);\r\n\t\t\t\tstyleAttr = el.style.cssText;\r\n\t\t\t\tclassAttr = _getClass(el);\r\n\t\t\t}\r\n\r\n\t\t\t_skrollables[id] = {\r\n\t\t\t\telement: el,\r\n\t\t\t\tstyleAttr: styleAttr,\r\n\t\t\t\tclassAttr: classAttr,\r\n\t\t\t\tanchorTarget: anchorTarget,\r\n\t\t\t\tkeyFrames: keyFrames,\r\n\t\t\t\tsmoothScrolling: smoothScrollThis,\r\n\t\t\t\tedgeStrategy: edgeStrategy,\r\n\t\t\t\temitEvents: emitEvents,\r\n\t\t\t\tlastFrameIndex: -1\r\n\t\t\t};\r\n\r\n\t\t\t_updateClass(el, [SKROLLABLE_CLASS], []);\r\n\t\t}\r\n\r\n\t\t//Reflow for the first time.\r\n\t\t_reflow();\r\n\r\n\t\t//Now that we got all key frame numbers right, actually parse the properties.\r\n\t\telementIndex = 0;\r\n\t\telementsLength = elements.length;\r\n\r\n\t\tfor(; elementIndex < elementsLength; elementIndex++) {\r\n\t\t\tvar sk = _skrollables[elements[elementIndex][SKROLLABLE_ID_DOM_PROPERTY]];\r\n\r\n\t\t\tif(sk === undefined) {\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n\t\t\t//Parse the property string to objects\r\n\t\t\t_parseProps(sk);\r\n\r\n\t\t\t//Fill key frames with missing properties from left and right\r\n\t\t\t_fillProps(sk);\r\n\t\t}\r\n\r\n\t\treturn _instance;\r\n\t};\r\n\r\n\t/**\r\n\t * Transform \"relative\" mode to \"absolute\" mode.\r\n\t * That is, calculate anchor position and offset of element.\r\n\t */\r\n\tSkrollr.prototype.relativeToAbsolute = function(element, viewportAnchor, elementAnchor) {\r\n\t\tvar viewportHeight = documentElement.clientHeight;\r\n\t\tvar box = element.getBoundingClientRect();\r\n\t\tvar absolute = box.top;\r\n\r\n\t\t//#100: IE doesn't supply \"height\" with getBoundingClientRect.\r\n\t\tvar boxHeight = box.bottom - box.top;\r\n\r\n\t\tif(viewportAnchor === ANCHOR_BOTTOM) {\r\n\t\t\tabsolute -= viewportHeight;\r\n\t\t} else if(viewportAnchor === ANCHOR_CENTER) {\r\n\t\t\tabsolute -= viewportHeight / 2;\r\n\t\t}\r\n\r\n\t\tif(elementAnchor === ANCHOR_BOTTOM) {\r\n\t\t\tabsolute += boxHeight;\r\n\t\t} else if(elementAnchor === ANCHOR_CENTER) {\r\n\t\t\tabsolute += boxHeight / 2;\r\n\t\t}\r\n\r\n\t\t//Compensate scrolling since getBoundingClientRect is relative to viewport.\r\n\t\tabsolute += _instance.getScrollTop();\r\n\r\n\t\treturn (absolute + 0.5) | 0;\r\n\t};\r\n\r\n\t/**\r\n\t * Animates scroll top to new position.\r\n\t */\r\n\tSkrollr.prototype.animateTo = function(top, options) {\r\n\t\toptions = options || {};\r\n\r\n\t\tvar now = _now();\r\n\t\tvar scrollTop = _instance.getScrollTop();\r\n\t\tvar duration = options.duration === undefined ? DEFAULT_DURATION : options.duration;\r\n\r\n\t\t//Setting this to a new value will automatically cause the current animation to stop, if any.\r\n\t\t_scrollAnimation = {\r\n\t\t\tstartTop: scrollTop,\r\n\t\t\ttopDiff: top - scrollTop,\r\n\t\t\ttargetTop: top,\r\n\t\t\tduration: duration,\r\n\t\t\tstartTime: now,\r\n\t\t\tendTime: now + duration,\r\n\t\t\teasing: easings[options.easing || DEFAULT_EASING],\r\n\t\t\tdone: options.done\r\n\t\t};\r\n\r\n\t\t//Don't queue the animation if there's nothing to animate.\r\n\t\tif(!_scrollAnimation.topDiff) {\r\n\t\t\tif(_scrollAnimation.done) {\r\n\t\t\t\t_scrollAnimation.done.call(_instance, false);\r\n\t\t\t}\r\n\r\n\t\t\t_scrollAnimation = undefined;\r\n\t\t}\r\n\r\n\t\treturn _instance;\r\n\t};\r\n\r\n\t/**\r\n\t * Stops animateTo animation.\r\n\t */\r\n\tSkrollr.prototype.stopAnimateTo = function() {\r\n\t\tif(_scrollAnimation && _scrollAnimation.done) {\r\n\t\t\t_scrollAnimation.done.call(_instance, true);\r\n\t\t}\r\n\r\n\t\t_scrollAnimation = undefined;\r\n\t};\r\n\r\n\t/**\r\n\t * Returns if an animation caused by animateTo is currently running.\r\n\t */\r\n\tSkrollr.prototype.isAnimatingTo = function() {\r\n\t\treturn !!_scrollAnimation;\r\n\t};\r\n\r\n\tSkrollr.prototype.isMobile = function() {\r\n\t\treturn _isMobile;\r\n\t};\r\n\r\n\tSkrollr.prototype.setScrollTop = function(top, force) {\r\n\t\t_forceRender = (force === true);\r\n\r\n\t\tif(_isMobile) {\r\n\t\t\t_mobileOffset = Math.min(Math.max(top, 0), _maxKeyFrame);\r\n\t\t} else {\r\n\t\t\twindow.scrollTo(0, top);\r\n\t\t}\r\n\r\n\t\treturn _instance;\r\n\t};\r\n\r\n\tSkrollr.prototype.getScrollTop = function() {\r\n\t\tif(_isMobile) {\r\n\t\t\treturn _mobileOffset;\r\n\t\t} else {\r\n\t\t\treturn window.pageYOffset || documentElement.scrollTop || body.scrollTop || 0;\r\n\t\t}\r\n\t};\r\n\r\n\tSkrollr.prototype.getMaxScrollTop = function() {\r\n\t\treturn _maxKeyFrame;\r\n\t};\r\n\r\n\tSkrollr.prototype.on = function(name, fn) {\r\n\t\t_listeners[name] = fn;\r\n\r\n\t\treturn _instance;\r\n\t};\r\n\r\n\tSkrollr.prototype.off = function(name) {\r\n\t\tdelete _listeners[name];\r\n\r\n\t\treturn _instance;\r\n\t};\r\n\r\n\tSkrollr.prototype.destroy = function() {\r\n\t\tvar cancelAnimFrame = polyfillCAF();\r\n\t\tcancelAnimFrame(_animFrame);\r\n\t\t_removeAllEvents();\r\n\r\n\t\t_updateClass(documentElement, [NO_SKROLLR_CLASS], [SKROLLR_CLASS, SKROLLR_DESKTOP_CLASS, SKROLLR_MOBILE_CLASS]);\r\n\r\n\t\tvar skrollableIndex = 0;\r\n\t\tvar skrollablesLength = _skrollables.length;\r\n\r\n\t\tfor(; skrollableIndex < skrollablesLength; skrollableIndex++) {\r\n\t\t\t_reset(_skrollables[skrollableIndex].element);\r\n\t\t}\r\n\r\n\t\tdocumentElement.style.overflow = body.style.overflow = '';\r\n\t\tdocumentElement.style.height = body.style.height = '';\r\n\r\n\t\tif(_skrollrBody) {\r\n\t\t\tskrollr.setStyle(_skrollrBody, 'transform', 'none');\r\n\t\t}\r\n\r\n\t\t_instance = undefined;\r\n\t\t_skrollrBody = undefined;\r\n\t\t_listeners = undefined;\r\n\t\t_forceHeight = undefined;\r\n\t\t_maxKeyFrame = 0;\r\n\t\t_scale = 1;\r\n\t\t_constants = undefined;\r\n\t\t_mobileDeceleration = undefined;\r\n\t\t_direction = 'down';\r\n\t\t_lastTop = -1;\r\n\t\t_lastViewportWidth = 0;\r\n\t\t_lastViewportHeight = 0;\r\n\t\t_requestReflow = false;\r\n\t\t_scrollAnimation = undefined;\r\n\t\t_smoothScrollingEnabled = undefined;\r\n\t\t_smoothScrollingDuration = undefined;\r\n\t\t_smoothScrolling = undefined;\r\n\t\t_forceRender = undefined;\r\n\t\t_skrollableIdCounter = 0;\r\n\t\t_edgeStrategy = undefined;\r\n\t\t_isMobile = false;\r\n\t\t_mobileOffset = 0;\r\n\t\t_translateZ = undefined;\r\n\t};\r\n\r\n\t/*\r\n\t\tPrivate methods.\r\n\t*/\r\n\r\n\tvar _initMobile = function() {\r\n\t\tvar initialElement;\r\n\t\tvar initialTouchY;\r\n\t\tvar initialTouchX;\r\n\t\tvar currentElement;\r\n\t\tvar currentTouchY;\r\n\t\tvar currentTouchX;\r\n\t\tvar lastTouchY;\r\n\t\tvar deltaY;\r\n\r\n\t\tvar initialTouchTime;\r\n\t\tvar currentTouchTime;\r\n\t\tvar lastTouchTime;\r\n\t\tvar deltaTime;\r\n\r\n\t\t_addEvent(documentElement, [EVENT_TOUCHSTART, EVENT_TOUCHMOVE, EVENT_TOUCHCANCEL, EVENT_TOUCHEND].join(' '), function(e) {\r\n\t\t\tvar touch = e.changedTouches[0];\r\n\r\n\t\t\tcurrentElement = e.target;\r\n\r\n\t\t\t//We don't want text nodes.\r\n\t\t\twhile(currentElement.nodeType === 3) {\r\n\t\t\t\tcurrentElement = currentElement.parentNode;\r\n\t\t\t}\r\n\r\n\t\t\tcurrentTouchY = touch.clientY;\r\n\t\t\tcurrentTouchX = touch.clientX;\r\n\t\t\tcurrentTouchTime = e.timeStamp;\r\n\r\n\t\t\tif(!rxTouchIgnoreTags.test(currentElement.tagName)) {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t}\r\n\r\n\t\t\tswitch(e.type) {\r\n\t\t\t\tcase EVENT_TOUCHSTART:\r\n\t\t\t\t\t//The last element we tapped on.\r\n\t\t\t\t\tif(initialElement) {\r\n\t\t\t\t\t\tinitialElement.blur();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t_instance.stopAnimateTo();\r\n\r\n\t\t\t\t\tinitialElement = currentElement;\r\n\r\n\t\t\t\t\tinitialTouchY = lastTouchY = currentTouchY;\r\n\t\t\t\t\tinitialTouchX = currentTouchX;\r\n\t\t\t\t\tinitialTouchTime = currentTouchTime;\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase EVENT_TOUCHMOVE:\r\n\t\t\t\t\t//Prevent default event on touchIgnore elements in case they don't have focus yet.\r\n\t\t\t\t\tif(rxTouchIgnoreTags.test(currentElement.tagName) && document.activeElement !== currentElement) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tdeltaY = currentTouchY - lastTouchY;\r\n\t\t\t\t\tdeltaTime = currentTouchTime - lastTouchTime;\r\n\r\n\t\t\t\t\t_instance.setScrollTop(_mobileOffset - deltaY, true);\r\n\r\n\t\t\t\t\tlastTouchY = currentTouchY;\r\n\t\t\t\t\tlastTouchTime = currentTouchTime;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\tcase EVENT_TOUCHCANCEL:\r\n\t\t\t\tcase EVENT_TOUCHEND:\r\n\t\t\t\t\tvar distanceY = initialTouchY - currentTouchY;\r\n\t\t\t\t\tvar distanceX = initialTouchX - currentTouchX;\r\n\t\t\t\t\tvar distance2 = distanceX * distanceX + distanceY * distanceY;\r\n\r\n\t\t\t\t\t//Check if it was more like a tap (moved less than 7px).\r\n\t\t\t\t\tif(distance2 < 49) {\r\n\t\t\t\t\t\tif(!rxTouchIgnoreTags.test(initialElement.tagName)) {\r\n\t\t\t\t\t\t\tinitialElement.focus();\r\n\r\n\t\t\t\t\t\t\t//It was a tap, click the element.\r\n\t\t\t\t\t\t\tvar clickEvent = document.createEvent('MouseEvents');\r\n\t\t\t\t\t\t\tclickEvent.initMouseEvent('click', true, true, e.view, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, 0, null);\r\n\t\t\t\t\t\t\tinitialElement.dispatchEvent(clickEvent);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tinitialElement = undefined;\r\n\r\n\t\t\t\t\tvar speed = deltaY / deltaTime;\r\n\r\n\t\t\t\t\t//Cap speed at 3 pixel/ms.\r\n\t\t\t\t\tspeed = Math.max(Math.min(speed, 3), -3);\r\n\r\n\t\t\t\t\tvar duration = Math.abs(speed / _mobileDeceleration);\r\n\t\t\t\t\tvar targetOffset = speed * duration + 0.5 * _mobileDeceleration * duration * duration;\r\n\t\t\t\t\tvar targetTop = _instance.getScrollTop() - targetOffset;\r\n\r\n\t\t\t\t\t//Relative duration change for when scrolling above bounds.\r\n\t\t\t\t\tvar targetRatio = 0;\r\n\r\n\t\t\t\t\t//Change duration proportionally when scrolling would leave bounds.\r\n\t\t\t\t\tif(targetTop > _maxKeyFrame) {\r\n\t\t\t\t\t\ttargetRatio = (_maxKeyFrame - targetTop) / targetOffset;\r\n\r\n\t\t\t\t\t\ttargetTop = _maxKeyFrame;\r\n\t\t\t\t\t} else if(targetTop < 0) {\r\n\t\t\t\t\t\ttargetRatio = -targetTop / targetOffset;\r\n\r\n\t\t\t\t\t\ttargetTop = 0;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tduration = duration * (1 - targetRatio);\r\n\r\n\t\t\t\t\t_instance.animateTo((targetTop + 0.5) | 0, {easing: 'outCubic', duration: duration});\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t//Just in case there has already been some native scrolling, reset it.\r\n\t\twindow.scrollTo(0, 0);\r\n\t\tdocumentElement.style.overflow = body.style.overflow = 'hidden';\r\n\t};\r\n\r\n\t/**\r\n\t * Updates key frames which depend on others / need to be updated on resize.\r\n\t * That is \"end\" in \"absolute\" mode and all key frames in \"relative\" mode.\r\n\t * Also handles constants, because they may change on resize.\r\n\t */\r\n\tvar _updateDependentKeyFrames = function() {\r\n\t\tvar viewportHeight = documentElement.clientHeight;\r\n\t\tvar processedConstants = _processConstants();\r\n\t\tvar skrollable;\r\n\t\tvar element;\r\n\t\tvar anchorTarget;\r\n\t\tvar keyFrames;\r\n\t\tvar keyFrameIndex;\r\n\t\tvar keyFramesLength;\r\n\t\tvar kf;\r\n\t\tvar skrollableIndex;\r\n\t\tvar skrollablesLength;\r\n\t\tvar offset;\r\n\t\tvar constantValue;\r\n\r\n\t\t//First process all relative-mode elements and find the max key frame.\r\n\t\tskrollableIndex = 0;\r\n\t\tskrollablesLength = _skrollables.length;\r\n\r\n\t\tfor(; skrollableIndex < skrollablesLength; skrollableIndex++) {\r\n\t\t\tskrollable = _skrollables[skrollableIndex];\r\n\t\t\telement = skrollable.element;\r\n\t\t\tanchorTarget = skrollable.anchorTarget;\r\n\t\t\tkeyFrames = skrollable.keyFrames;\r\n\r\n\t\t\tkeyFrameIndex = 0;\r\n\t\t\tkeyFramesLength = keyFrames.length;\r\n\r\n\t\t\tfor(; keyFrameIndex < keyFramesLength; keyFrameIndex++) {\r\n\t\t\t\tkf = keyFrames[keyFrameIndex];\r\n\r\n\t\t\t\toffset = kf.offset;\r\n\t\t\t\tconstantValue = processedConstants[kf.constant] || 0;\r\n\r\n\t\t\t\tkf.frame = offset;\r\n\r\n\t\t\t\tif(kf.isPercentage) {\r\n\t\t\t\t\t//Convert the offset to percentage of the viewport height.\r\n\t\t\t\t\toffset = offset * viewportHeight;\r\n\r\n\t\t\t\t\t//Absolute + percentage mode.\r\n\t\t\t\t\tkf.frame = offset;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif(kf.mode === 'relative') {\r\n\t\t\t\t\t_reset(element);\r\n\r\n\t\t\t\t\tkf.frame = _instance.relativeToAbsolute(anchorTarget, kf.anchors[0], kf.anchors[1]) - offset;\r\n\r\n\t\t\t\t\t_reset(element, true);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tkf.frame += constantValue;\r\n\r\n\t\t\t\t//Only search for max key frame when forceHeight is enabled.\r\n\t\t\t\tif(_forceHeight) {\r\n\t\t\t\t\t//Find the max key frame, but don't use one of the data-end ones for comparison.\r\n\t\t\t\t\tif(!kf.isEnd && kf.frame > _maxKeyFrame) {\r\n\t\t\t\t\t\t_maxKeyFrame = kf.frame;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//#133: The document can be larger than the maxKeyFrame we found.\r\n\t\t_maxKeyFrame = Math.max(_maxKeyFrame, _getDocumentHeight());\r\n\r\n\t\t//Now process all data-end keyframes.\r\n\t\tskrollableIndex = 0;\r\n\t\tskrollablesLength = _skrollables.length;\r\n\r\n\t\tfor(; skrollableIndex < skrollablesLength; skrollableIndex++) {\r\n\t\t\tskrollable = _skrollables[skrollableIndex];\r\n\t\t\tkeyFrames = skrollable.keyFrames;\r\n\r\n\t\t\tkeyFrameIndex = 0;\r\n\t\t\tkeyFramesLength = keyFrames.length;\r\n\r\n\t\t\tfor(; keyFrameIndex < keyFramesLength; keyFrameIndex++) {\r\n\t\t\t\tkf = keyFrames[keyFrameIndex];\r\n\r\n\t\t\t\tconstantValue = processedConstants[kf.constant] || 0;\r\n\r\n\t\t\t\tif(kf.isEnd) {\r\n\t\t\t\t\tkf.frame = _maxKeyFrame - kf.offset + constantValue;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tskrollable.keyFrames.sort(_keyFrameComparator);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Calculates and sets the style properties for the element at the given frame.\r\n\t * @param fakeFrame The frame to render at when smooth scrolling is enabled.\r\n\t * @param actualFrame The actual frame we are at.\r\n\t */\r\n\tvar _calcSteps = function(fakeFrame, actualFrame) {\r\n\t\t//Iterate over all skrollables.\r\n\t\tvar skrollableIndex = 0;\r\n\t\tvar skrollablesLength = _skrollables.length;\r\n\r\n\t\tfor(; skrollableIndex < skrollablesLength; skrollableIndex++) {\r\n\t\t\tvar skrollable = _skrollables[skrollableIndex];\r\n\t\t\tvar element = skrollable.element;\r\n\t\t\tvar frame = skrollable.smoothScrolling ? fakeFrame : actualFrame;\r\n\t\t\tvar frames = skrollable.keyFrames;\r\n\t\t\tvar framesLength = frames.length;\r\n\t\t\tvar firstFrame = frames[0];\r\n\t\t\tvar lastFrame = frames[frames.length - 1];\r\n\t\t\tvar beforeFirst = frame < firstFrame.frame;\r\n\t\t\tvar afterLast = frame > lastFrame.frame;\r\n\t\t\tvar firstOrLastFrame = beforeFirst ? firstFrame : lastFrame;\r\n\t\t\tvar emitEvents = skrollable.emitEvents;\r\n\t\t\tvar lastFrameIndex = skrollable.lastFrameIndex;\r\n\t\t\tvar key;\r\n\t\t\tvar value;\r\n\r\n\t\t\t//If we are before/after the first/last frame, set the styles according to the given edge strategy.\r\n\t\t\tif(beforeFirst || afterLast) {\r\n\t\t\t\t//Check if we already handled this edge case last time.\r\n\t\t\t\t//Note: using setScrollTop it's possible that we jumped from one edge to the other.\r\n\t\t\t\tif(beforeFirst && skrollable.edge === -1 || afterLast && skrollable.edge === 1) {\r\n\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//Add the skrollr-before or -after class.\r\n\t\t\t\tif(beforeFirst) {\r\n\t\t\t\t\t_updateClass(element, [SKROLLABLE_BEFORE_CLASS], [SKROLLABLE_AFTER_CLASS, SKROLLABLE_BETWEEN_CLASS]);\r\n\r\n\t\t\t\t\t//This handles the special case where we exit the first keyframe.\r\n\t\t\t\t\tif(emitEvents && lastFrameIndex > -1) {\r\n\t\t\t\t\t\t_emitEvent(element, firstFrame.eventType, _direction);\r\n\t\t\t\t\t\tskrollable.lastFrameIndex = -1;\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\t_updateClass(element, [SKROLLABLE_AFTER_CLASS], [SKROLLABLE_BEFORE_CLASS, SKROLLABLE_BETWEEN_CLASS]);\r\n\r\n\t\t\t\t\t//This handles the special case where we exit the last keyframe.\r\n\t\t\t\t\tif(emitEvents && lastFrameIndex < framesLength) {\r\n\t\t\t\t\t\t_emitEvent(element, lastFrame.eventType, _direction);\r\n\t\t\t\t\t\tskrollable.lastFrameIndex = framesLength;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//Remember that we handled the edge case (before/after the first/last keyframe).\r\n\t\t\t\tskrollable.edge = beforeFirst ? -1 : 1;\r\n\r\n\t\t\t\tswitch(skrollable.edgeStrategy) {\r\n\t\t\t\t\tcase 'reset':\r\n\t\t\t\t\t\t_reset(element);\r\n\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\tcase 'ease':\r\n\t\t\t\t\t\t//Handle this case like it would be exactly at first/last keyframe and just pass it on.\r\n\t\t\t\t\t\tframe = firstOrLastFrame.frame;\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tdefault:\r\n\t\t\t\t\tcase 'set':\r\n\t\t\t\t\t\tvar props = firstOrLastFrame.props;\r\n\r\n\t\t\t\t\t\tfor(key in props) {\r\n\t\t\t\t\t\t\tif(hasProp.call(props, key)) {\r\n\t\t\t\t\t\t\t\tvalue = _interpolateString(props[key].value);\r\n\r\n\t\t\t\t\t\t\t\t//Set style or attribute.\r\n\t\t\t\t\t\t\t\tif(key.indexOf('@') === 0) {\r\n\t\t\t\t\t\t\t\t\telement.setAttribute(key.substr(1), value);\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tskrollr.setStyle(element, key, value);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tcontinue;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//Did we handle an edge last time?\r\n\t\t\t\tif(skrollable.edge !== 0) {\r\n\t\t\t\t\t_updateClass(element, [SKROLLABLE_CLASS, SKROLLABLE_BETWEEN_CLASS], [SKROLLABLE_BEFORE_CLASS, SKROLLABLE_AFTER_CLASS]);\r\n\t\t\t\t\tskrollable.edge = 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//Find out between which two key frames we are right now.\r\n\t\t\tvar keyFrameIndex = 0;\r\n\r\n\t\t\tfor(; keyFrameIndex < framesLength - 1; keyFrameIndex++) {\r\n\t\t\t\tif(frame >= frames[keyFrameIndex].frame && frame <= frames[keyFrameIndex + 1].frame) {\r\n\t\t\t\t\tvar left = frames[keyFrameIndex];\r\n\t\t\t\t\tvar right = frames[keyFrameIndex + 1];\r\n\r\n\t\t\t\t\tfor(key in left.props) {\r\n\t\t\t\t\t\tif(hasProp.call(left.props, key)) {\r\n\t\t\t\t\t\t\tvar progress = (frame - left.frame) / (right.frame - left.frame);\r\n\r\n\t\t\t\t\t\t\t//Transform the current progress using the given easing function.\r\n\t\t\t\t\t\t\tprogress = left.props[key].easing(progress);\r\n\r\n\t\t\t\t\t\t\t//Interpolate between the two values\r\n\t\t\t\t\t\t\tvalue = _calcInterpolation(left.props[key].value, right.props[key].value, progress);\r\n\r\n\t\t\t\t\t\t\tvalue = _interpolateString(value);\r\n\r\n\t\t\t\t\t\t\t//Set style or attribute.\r\n\t\t\t\t\t\t\tif(key.indexOf('@') === 0) {\r\n\t\t\t\t\t\t\t\telement.setAttribute(key.substr(1), value);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tskrollr.setStyle(element, key, value);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t//Are events enabled on this element?\r\n\t\t\t\t\t//This code handles the usual cases of scrolling through different keyframes.\r\n\t\t\t\t\t//The special cases of before first and after last keyframe are handled above.\r\n\t\t\t\t\tif(emitEvents) {\r\n\t\t\t\t\t\t//Did we pass a new keyframe?\r\n\t\t\t\t\t\tif(lastFrameIndex !== keyFrameIndex) {\r\n\t\t\t\t\t\t\tif(_direction === 'down') {\r\n\t\t\t\t\t\t\t\t_emitEvent(element, left.eventType, _direction);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t_emitEvent(element, right.eventType, _direction);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tskrollable.lastFrameIndex = keyFrameIndex;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Renders all elements.\r\n\t */\r\n\tvar _render = function() {\r\n\t\tif(_requestReflow) {\r\n\t\t\t_requestReflow = false;\r\n\t\t\t_reflow();\r\n\t\t}\r\n\r\n\t\t//We may render something else than the actual scrollbar position.\r\n\t\tvar renderTop = _instance.getScrollTop();\r\n\r\n\t\t//If there's an animation, which ends in current render call, call the callback after rendering.\r\n\t\tvar afterAnimationCallback;\r\n\t\tvar now = _now();\r\n\t\tvar progress;\r\n\r\n\t\t//Before actually rendering handle the scroll animation, if any.\r\n\t\tif(_scrollAnimation) {\r\n\t\t\t//It's over\r\n\t\t\tif(now >= _scrollAnimation.endTime) {\r\n\t\t\t\trenderTop = _scrollAnimation.targetTop;\r\n\t\t\t\tafterAnimationCallback = _scrollAnimation.done;\r\n\t\t\t\t_scrollAnimation = undefined;\r\n\t\t\t} else {\r\n\t\t\t\t//Map the current progress to the new progress using given easing function.\r\n\t\t\t\tprogress = _scrollAnimation.easing((now - _scrollAnimation.startTime) / _scrollAnimation.duration);\r\n\r\n\t\t\t\trenderTop = (_scrollAnimation.startTop + progress * _scrollAnimation.topDiff) | 0;\r\n\t\t\t}\r\n\r\n\t\t\t_instance.setScrollTop(renderTop, true);\r\n\t\t}\r\n\t\t//Smooth scrolling only if there's no animation running and if we're not forcing the rendering.\r\n\t\telse if(!_forceRender) {\r\n\t\t\tvar smoothScrollingDiff = _smoothScrolling.targetTop - renderTop;\r\n\r\n\t\t\t//The user scrolled, start new smooth scrolling.\r\n\t\t\tif(smoothScrollingDiff) {\r\n\t\t\t\t_smoothScrolling = {\r\n\t\t\t\t\tstartTop: _lastTop,\r\n\t\t\t\t\ttopDiff: renderTop - _lastTop,\r\n\t\t\t\t\ttargetTop: renderTop,\r\n\t\t\t\t\tstartTime: _lastRenderCall,\r\n\t\t\t\t\tendTime: _lastRenderCall + _smoothScrollingDuration\r\n\t\t\t\t};\r\n\t\t\t}\r\n\r\n\t\t\t//Interpolate the internal scroll position (not the actual scrollbar).\r\n\t\t\tif(now <= _smoothScrolling.endTime) {\r\n\t\t\t\t//Map the current progress to the new progress using easing function.\r\n\t\t\t\tprogress = easings.sqrt((now - _smoothScrolling.startTime) / _smoothScrollingDuration);\r\n\r\n\t\t\t\trenderTop = (_smoothScrolling.startTop + progress * _smoothScrolling.topDiff) | 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//Did the scroll position even change?\r\n\t\tif(_forceRender || _lastTop !== renderTop) {\r\n\t\t\t//Remember in which direction are we scrolling?\r\n\t\t\t_direction = (renderTop > _lastTop) ? 'down' : (renderTop < _lastTop ? 'up' : _direction);\r\n\r\n\t\t\t_forceRender = false;\r\n\r\n\t\t\tvar listenerParams = {\r\n\t\t\t\tcurTop: renderTop,\r\n\t\t\t\tlastTop: _lastTop,\r\n\t\t\t\tmaxTop: _maxKeyFrame,\r\n\t\t\t\tdirection: _direction\r\n\t\t\t};\r\n\r\n\t\t\t//Tell the listener we are about to render.\r\n\t\t\tvar continueRendering = _listeners.beforerender && _listeners.beforerender.call(_instance, listenerParams);\r\n\r\n\t\t\t//The beforerender listener function is able the cancel rendering.\r\n\t\t\tif(continueRendering !== false) {\r\n\t\t\t\t//Now actually interpolate all the styles.\r\n\t\t\t\t_calcSteps(renderTop, _instance.getScrollTop());\r\n\r\n\t\t\t\t//That's were we actually \"scroll\" on mobile.\r\n\t\t\t\tif(_isMobile && _skrollrBody) {\r\n\t\t\t\t\t//Set the transform (\"scroll it\").\r\n\t\t\t\t\tskrollr.setStyle(_skrollrBody, 'transform', 'translate(0, ' + -(_mobileOffset) + 'px) ' + _translateZ);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//Remember when we last rendered.\r\n\t\t\t\t_lastTop = renderTop;\r\n\r\n\t\t\t\tif(_listeners.render) {\r\n\t\t\t\t\t_listeners.render.call(_instance, listenerParams);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif(afterAnimationCallback) {\r\n\t\t\t\tafterAnimationCallback.call(_instance, false);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t_lastRenderCall = now;\r\n\t};\r\n\r\n\t/**\r\n\t * Parses the properties for each key frame of the given skrollable.\r\n\t */\r\n\tvar _parseProps = function(skrollable) {\r\n\t\t//Iterate over all key frames\r\n\t\tvar keyFrameIndex = 0;\r\n\t\tvar keyFramesLength = skrollable.keyFrames.length;\r\n\r\n\t\tfor(; keyFrameIndex < keyFramesLength; keyFrameIndex++) {\r\n\t\t\tvar frame = skrollable.keyFrames[keyFrameIndex];\r\n\t\t\tvar easing;\r\n\t\t\tvar value;\r\n\t\t\tvar prop;\r\n\t\t\tvar props = {};\r\n\r\n\t\t\tvar match;\r\n\r\n\t\t\twhile((match = rxPropValue.exec(frame.props)) !== null) {\r\n\t\t\t\tprop = match[1];\r\n\t\t\t\tvalue = match[2];\r\n\r\n\t\t\t\teasing = prop.match(rxPropEasing);\r\n\r\n\t\t\t\t//Is there an easing specified for this prop?\r\n\t\t\t\tif(easing !== null) {\r\n\t\t\t\t\tprop = easing[1];\r\n\t\t\t\t\teasing = easing[2];\r\n\t\t\t\t} else {\r\n\t\t\t\t\teasing = DEFAULT_EASING;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//Exclamation point at first position forces the value to be taken literal.\r\n\t\t\t\tvalue = value.indexOf('!') ? _parseProp(value) : [value.slice(1)];\r\n\r\n\t\t\t\t//Save the prop for this key frame with his value and easing function\r\n\t\t\t\tprops[prop] = {\r\n\t\t\t\t\tvalue: value,\r\n\t\t\t\t\teasing: easings[easing]\r\n\t\t\t\t};\r\n\t\t\t}\r\n\r\n\t\t\tframe.props = props;\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Parses a value extracting numeric values and generating a format string\r\n\t * for later interpolation of the new values in old string.\r\n\t *\r\n\t * @param val The CSS value to be parsed.\r\n\t * @return Something like [\"rgba(?%,?%, ?%,?)\", 100, 50, 0, .7]\r\n\t * where the first element is the format string later used\r\n\t * and all following elements are the numeric value.\r\n\t */\r\n\tvar _parseProp = function(val) {\r\n\t\tvar numbers = [];\r\n\r\n\t\t//One special case, where floats don't work.\r\n\t\t//We replace all occurences of rgba colors\r\n\t\t//which don't use percentage notation with the percentage notation.\r\n\t\trxRGBAIntegerColor.lastIndex = 0;\r\n\t\tval = val.replace(rxRGBAIntegerColor, function(rgba) {\r\n\t\t\treturn rgba.replace(rxNumericValue, function(n) {\r\n\t\t\t\treturn n / 255 * 100 + '%';\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\t//Handle prefixing of \"gradient\" values.\r\n\t\t//For now only the prefixed value will be set. Unprefixed isn't supported anyway.\r\n\t\tif(theDashedCSSPrefix) {\r\n\t\t\trxGradient.lastIndex = 0;\r\n\t\t\tval = val.replace(rxGradient, function(s) {\r\n\t\t\t\treturn theDashedCSSPrefix + s;\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t//Now parse ANY number inside this string and create a format string.\r\n\t\tval = val.replace(rxNumericValue, function(n) {\r\n\t\t\tnumbers.push(+n);\r\n\t\t\treturn '{?}';\r\n\t\t});\r\n\r\n\t\t//Add the formatstring as first value.\r\n\t\tnumbers.unshift(val);\r\n\r\n\t\treturn numbers;\r\n\t};\r\n\r\n\t/**\r\n\t * Fills the key frames with missing left and right hand properties.\r\n\t * If key frame 1 has property X and key frame 2 is missing X,\r\n\t * but key frame 3 has X again, then we need to assign X to key frame 2 too.\r\n\t *\r\n\t * @param sk A skrollable.\r\n\t */\r\n\tvar _fillProps = function(sk) {\r\n\t\t//Will collect the properties key frame by key frame\r\n\t\tvar propList = {};\r\n\t\tvar keyFrameIndex;\r\n\t\tvar keyFramesLength;\r\n\r\n\t\t//Iterate over all key frames from left to right\r\n\t\tkeyFrameIndex = 0;\r\n\t\tkeyFramesLength = sk.keyFrames.length;\r\n\r\n\t\tfor(; keyFrameIndex < keyFramesLength; keyFrameIndex++) {\r\n\t\t\t_fillPropForFrame(sk.keyFrames[keyFrameIndex], propList);\r\n\t\t}\r\n\r\n\t\t//Now do the same from right to fill the last gaps\r\n\r\n\t\tpropList = {};\r\n\r\n\t\t//Iterate over all key frames from right to left\r\n\t\tkeyFrameIndex = sk.keyFrames.length - 1;\r\n\r\n\t\tfor(; keyFrameIndex >= 0; keyFrameIndex--) {\r\n\t\t\t_fillPropForFrame(sk.keyFrames[keyFrameIndex], propList);\r\n\t\t}\r\n\t};\r\n\r\n\tvar _fillPropForFrame = function(frame, propList) {\r\n\t\tvar key;\r\n\r\n\t\t//For each key frame iterate over all right hand properties and assign them,\r\n\t\t//but only if the current key frame doesn't have the property by itself\r\n\t\tfor(key in propList) {\r\n\t\t\t//The current frame misses this property, so assign it.\r\n\t\t\tif(!hasProp.call(frame.props, key)) {\r\n\t\t\t\tframe.props[key] = propList[key];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//Iterate over all props of the current frame and collect them\r\n\t\tfor(key in frame.props) {\r\n\t\t\tpropList[key] = frame.props[key];\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Calculates the new values for two given values array.\r\n\t */\r\n\tvar _calcInterpolation = function(val1, val2, progress) {\r\n\t\tvar valueIndex;\r\n\t\tvar val1Length = val1.length;\r\n\r\n\t\t//They both need to have the same length\r\n\t\tif(val1Length !== val2.length) {\r\n\t\t\tthrow 'Can\\'t interpolate between \"' + val1[0] + '\" and \"' + val2[0] + '\"';\r\n\t\t}\r\n\r\n\t\t//Add the format string as first element.\r\n\t\tvar interpolated = [val1[0]];\r\n\r\n\t\tvalueIndex = 1;\r\n\r\n\t\tfor(; valueIndex < val1Length; valueIndex++) {\r\n\t\t\t//That's the line where the two numbers are actually interpolated.\r\n\t\t\tinterpolated[valueIndex] = val1[valueIndex] + ((val2[valueIndex] - val1[valueIndex]) * progress);\r\n\t\t}\r\n\r\n\t\treturn interpolated;\r\n\t};\r\n\r\n\t/**\r\n\t * Interpolates the numeric values into the format string.\r\n\t */\r\n\tvar _interpolateString = function(val) {\r\n\t\tvar valueIndex = 1;\r\n\r\n\t\trxInterpolateString.lastIndex = 0;\r\n\r\n\t\treturn val[0].replace(rxInterpolateString, function() {\r\n\t\t\treturn val[valueIndex++];\r\n\t\t});\r\n\t};\r\n\r\n\t/**\r\n\t * Resets the class and style attribute to what it was before skrollr manipulated the element.\r\n\t * Also remembers the values it had before reseting, in order to undo the reset.\r\n\t */\r\n\tvar _reset = function(elements, undo) {\r\n\t\t//We accept a single element or an array of elements.\r\n\t\telements = [].concat(elements);\r\n\r\n\t\tvar skrollable;\r\n\t\tvar element;\r\n\t\tvar elementsIndex = 0;\r\n\t\tvar elementsLength = elements.length;\r\n\r\n\t\tfor(; elementsIndex < elementsLength; elementsIndex++) {\r\n\t\t\telement = elements[elementsIndex];\r\n\t\t\tskrollable = _skrollables[element[SKROLLABLE_ID_DOM_PROPERTY]];\r\n\r\n\t\t\t//Couldn't find the skrollable for this DOM element.\r\n\t\t\tif(!skrollable) {\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n\t\t\tif(undo) {\r\n\t\t\t\t//Reset class and style to the \"dirty\" (set by skrollr) values.\r\n\t\t\t\telement.style.cssText = skrollable.dirtyStyleAttr;\r\n\t\t\t\t_updateClass(element, skrollable.dirtyClassAttr);\r\n\t\t\t} else {\r\n\t\t\t\t//Remember the \"dirty\" (set by skrollr) class and style.\r\n\t\t\t\tskrollable.dirtyStyleAttr = element.style.cssText;\r\n\t\t\t\tskrollable.dirtyClassAttr = _getClass(element);\r\n\r\n\t\t\t\t//Reset class and style to what it originally was.\r\n\t\t\t\telement.style.cssText = skrollable.styleAttr;\r\n\t\t\t\t_updateClass(element, skrollable.classAttr);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Detects support for 3d transforms by applying it to the skrollr-body.\r\n\t */\r\n\tvar _detect3DTransforms = function() {\r\n\t\t_translateZ = 'translateZ(0)';\r\n\t\tskrollr.setStyle(_skrollrBody, 'transform', _translateZ);\r\n\r\n\t\tvar computedStyle = getStyle(_skrollrBody);\r\n\t\tvar computedTransform = computedStyle.getPropertyValue('transform');\r\n\t\tvar computedTransformWithPrefix = computedStyle.getPropertyValue(theDashedCSSPrefix + 'transform');\r\n\t\tvar has3D = (computedTransform && computedTransform !== 'none') || (computedTransformWithPrefix && computedTransformWithPrefix !== 'none');\r\n\r\n\t\tif(!has3D) {\r\n\t\t\t_translateZ = '';\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Set the CSS property on the given element. Sets prefixed properties as well.\r\n\t */\r\n\tskrollr.setStyle = function(el, prop, val) {\r\n\t\tvar style = el.style;\r\n\r\n\t\t//Camel case.\r\n\t\tprop = prop.replace(rxCamelCase, rxCamelCaseFn).replace('-', '');\r\n\r\n\t\t//Make sure z-index gets a .\r\n\t\t//This is the only case we need to handle.\r\n\t\tif(prop === 'zIndex') {\r\n\t\t\tif(isNaN(val)) {\r\n\t\t\t\t//If it's not a number, don't touch it.\r\n\t\t\t\t//It could for example be \"auto\" (#351).\r\n\t\t\t\tstyle[prop] = val;\r\n\t\t\t} else {\r\n\t\t\t\t//Floor the number.\r\n\t\t\t\tstyle[prop] = '' + (val | 0);\r\n\t\t\t}\r\n\t\t}\r\n\t\t//#64: \"float\" can't be set across browsers. Needs to use \"cssFloat\" for all except IE.\r\n\t\telse if(prop === 'float') {\r\n\t\t\tstyle.styleFloat = style.cssFloat = val;\r\n\t\t}\r\n\t\telse {\r\n\t\t\t//Need try-catch for old IE.\r\n\t\t\ttry {\r\n\t\t\t\t//Set prefixed property if there's a prefix.\r\n\t\t\t\tif(theCSSPrefix) {\r\n\t\t\t\t\tstyle[theCSSPrefix + prop.slice(0,1).toUpperCase() + prop.slice(1)] = val;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//Set unprefixed.\r\n\t\t\t\tstyle[prop] = val;\r\n\t\t\t} catch(ignore) {}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Cross browser event handling.\r\n\t */\r\n\tvar _addEvent = skrollr.addEvent = function(element, names, callback) {\r\n\t\tvar intermediate = function(e) {\r\n\t\t\t//Normalize IE event stuff.\r\n\t\t\te = e || window.event;\r\n\r\n\t\t\tif(!e.target) {\r\n\t\t\t\te.target = e.srcElement;\r\n\t\t\t}\r\n\r\n\t\t\tif(!e.preventDefault) {\r\n\t\t\t\te.preventDefault = function() {\r\n\t\t\t\t\te.returnValue = false;\r\n\t\t\t\t\te.defaultPrevented = true;\r\n\t\t\t\t};\r\n\t\t\t}\r\n\r\n\t\t\treturn callback.call(this, e);\r\n\t\t};\r\n\r\n\t\tnames = names.split(' ');\r\n\r\n\t\tvar name;\r\n\t\tvar nameCounter = 0;\r\n\t\tvar namesLength = names.length;\r\n\r\n\t\tfor(; nameCounter < namesLength; nameCounter++) {\r\n\t\t\tname = names[nameCounter];\r\n\r\n\t\t\tif(element.addEventListener) {\r\n\t\t\t\telement.addEventListener(name, callback, false);\r\n\t\t\t} else {\r\n\t\t\t\telement.attachEvent('on' + name, intermediate);\r\n\t\t\t}\r\n\r\n\t\t\t//Remember the events to be able to flush them later.\r\n\t\t\t_registeredEvents.push({\r\n\t\t\t\telement: element,\r\n\t\t\t\tname: name,\r\n\t\t\t\tlistener: callback\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tvar _removeEvent = skrollr.removeEvent = function(element, names, callback) {\r\n\t\tnames = names.split(' ');\r\n\r\n\t\tvar nameCounter = 0;\r\n\t\tvar namesLength = names.length;\r\n\r\n\t\tfor(; nameCounter < namesLength; nameCounter++) {\r\n\t\t\tif(element.removeEventListener) {\r\n\t\t\t\telement.removeEventListener(names[nameCounter], callback, false);\r\n\t\t\t} else {\r\n\t\t\t\telement.detachEvent('on' + names[nameCounter], callback);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tvar _removeAllEvents = function() {\r\n\t\tvar eventData;\r\n\t\tvar eventCounter = 0;\r\n\t\tvar eventsLength = _registeredEvents.length;\r\n\r\n\t\tfor(; eventCounter < eventsLength; eventCounter++) {\r\n\t\t\teventData = _registeredEvents[eventCounter];\r\n\r\n\t\t\t_removeEvent(eventData.element, eventData.name, eventData.listener);\r\n\t\t}\r\n\r\n\t\t_registeredEvents = [];\r\n\t};\r\n\r\n\tvar _emitEvent = function(element, name, direction) {\r\n\t\tif(_listeners.keyframe) {\r\n\t\t\t_listeners.keyframe.call(_instance, element, name, direction);\r\n\t\t}\r\n\t};\r\n\r\n\tvar _reflow = function() {\r\n\t\tvar pos = _instance.getScrollTop();\r\n\r\n\t\t//Will be recalculated by _updateDependentKeyFrames.\r\n\t\t_maxKeyFrame = 0;\r\n\r\n\t\tif(_forceHeight && !_isMobile) {\r\n\t\t\t//un-\"force\" the height to not mess with the calculations in _updateDependentKeyFrames (#216).\r\n\t\t\tbody.style.height = '';\r\n\t\t}\r\n\r\n\t\t_updateDependentKeyFrames();\r\n\r\n\t\tif(_forceHeight && !_isMobile) {\r\n\t\t\t//\"force\" the height.\r\n\t\t\tbody.style.height = (_maxKeyFrame + documentElement.clientHeight) + 'px';\r\n\t\t}\r\n\r\n\t\t//The scroll offset may now be larger than needed (on desktop the browser/os prevents scrolling farther than the bottom).\r\n\t\tif(_isMobile) {\r\n\t\t\t_instance.setScrollTop(Math.min(_instance.getScrollTop(), _maxKeyFrame));\r\n\t\t} else {\r\n\t\t\t//Remember and reset the scroll pos (#217).\r\n\t\t\t_instance.setScrollTop(pos, true);\r\n\t\t}\r\n\r\n\t\t_forceRender = true;\r\n\t};\r\n\r\n\t/*\r\n\t * Returns a copy of the constants object where all functions and strings have been evaluated.\r\n\t */\r\n\tvar _processConstants = function() {\r\n\t\tvar viewportHeight = documentElement.clientHeight;\r\n\t\tvar copy = {};\r\n\t\tvar prop;\r\n\t\tvar value;\r\n\r\n\t\tfor(prop in _constants) {\r\n\t\t\tvalue = _constants[prop];\r\n\r\n\t\t\tif(typeof value === 'function') {\r\n\t\t\t\tvalue = value.call(_instance);\r\n\t\t\t}\r\n\t\t\t//Percentage offset.\r\n\t\t\telse if((/p$/).test(value)) {\r\n\t\t\t\tvalue = (value.slice(0, -1) / 100) * viewportHeight;\r\n\t\t\t}\r\n\r\n\t\t\tcopy[prop] = value;\r\n\t\t}\r\n\r\n\t\treturn copy;\r\n\t};\r\n\r\n\t/*\r\n\t * Returns the height of the document.\r\n\t */\r\n\tvar _getDocumentHeight = function() {\r\n\t\tvar skrollrBodyHeight = 0;\r\n\t\tvar bodyHeight;\r\n\r\n\t\tif(_skrollrBody) {\r\n\t\t\tskrollrBodyHeight = Math.max(_skrollrBody.offsetHeight, _skrollrBody.scrollHeight);\r\n\t\t}\r\n\r\n\t\tbodyHeight = Math.max(skrollrBodyHeight, body.scrollHeight, body.offsetHeight, documentElement.scrollHeight, documentElement.offsetHeight, documentElement.clientHeight);\r\n\r\n\t\treturn bodyHeight - documentElement.clientHeight;\r\n\t};\r\n\r\n\t/**\r\n\t * Returns a string of space separated classnames for the current element.\r\n\t * Works with SVG as well.\r\n\t */\r\n\tvar _getClass = function(element) {\r\n\t\tvar prop = 'className';\r\n\r\n\t\t//SVG support by using className.baseVal instead of just className.\r\n\t\tif(window.SVGElement && element instanceof window.SVGElement) {\r\n\t\t\telement = element[prop];\r\n\t\t\tprop = 'baseVal';\r\n\t\t}\r\n\r\n\t\treturn element[prop];\r\n\t};\r\n\r\n\t/**\r\n\t * Adds and removes a CSS classes.\r\n\t * Works with SVG as well.\r\n\t * add and remove are arrays of strings,\r\n\t * or if remove is ommited add is a string and overwrites all classes.\r\n\t */\r\n\tvar _updateClass = function(element, add, remove) {\r\n\t\tvar prop = 'className';\r\n\r\n\t\t//SVG support by using className.baseVal instead of just className.\r\n\t\tif(window.SVGElement && element instanceof window.SVGElement) {\r\n\t\t\telement = element[prop];\r\n\t\t\tprop = 'baseVal';\r\n\t\t}\r\n\r\n\t\t//When remove is ommited, we want to overwrite/set the classes.\r\n\t\tif(remove === undefined) {\r\n\t\t\telement[prop] = add;\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t//Cache current classes. We will work on a string before passing back to DOM.\r\n\t\tvar val = element[prop];\r\n\r\n\t\t//All classes to be removed.\r\n\t\tvar classRemoveIndex = 0;\r\n\t\tvar removeLength = remove.length;\r\n\r\n\t\tfor(; classRemoveIndex < removeLength; classRemoveIndex++) {\r\n\t\t\tval = _untrim(val).replace(_untrim(remove[classRemoveIndex]), ' ');\r\n\t\t}\r\n\r\n\t\tval = _trim(val);\r\n\r\n\t\t//All classes to be added.\r\n\t\tvar classAddIndex = 0;\r\n\t\tvar addLength = add.length;\r\n\r\n\t\tfor(; classAddIndex < addLength; classAddIndex++) {\r\n\t\t\t//Only add if el not already has class.\r\n\t\t\tif(_untrim(val).indexOf(_untrim(add[classAddIndex])) === -1) {\r\n\t\t\t\tval += ' ' + add[classAddIndex];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\telement[prop] = _trim(val);\r\n\t};\r\n\r\n\tvar _trim = function(a) {\r\n\t\treturn a.replace(rxTrim, '');\r\n\t};\r\n\r\n\t/**\r\n\t * Adds a space before and after the string.\r\n\t */\r\n\tvar _untrim = function(a) {\r\n\t\treturn ' ' + a + ' ';\r\n\t};\r\n\r\n\tvar _now = Date.now || function() {\r\n\t\treturn +new Date();\r\n\t};\r\n\r\n\tvar _keyFrameComparator = function(a, b) {\r\n\t\treturn a.frame - b.frame;\r\n\t};\r\n\r\n\t/*\r\n\t * Private variables.\r\n\t */\r\n\r\n\t//Singleton\r\n\tvar _instance;\r\n\r\n\t/*\r\n\t\tA list of all elements which should be animated associated with their the metadata.\r\n\t\tExmaple skrollable with two key frames animating from 100px width to 20px:\r\n\r\n\t\tskrollable = {\r\n\t\t\telement: ,\r\n\t\t\tstyleAttr: