').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 $(document).ready(function () {\r\n $(\".sliderStyleFourItems .slider\")\r\n .not(\".slick-initialized\")\r\n .slick({\r\n centerMode: true,\r\n swipeToSlide: true,\r\n dots: false,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 4.3,\r\n slidesToScroll: 4,\r\n initialSlide: 2, // sets the first slide, is zero indexed\r\n\r\n responsive: [\r\n {\r\n breakpoint: 1000,\r\n settings: {\r\n slidesToShow: 3.3,\r\n slidesToScroll: 3,\r\n speed: 500,\r\n initialSlide: 1,\r\n },\r\n },\r\n {\r\n breakpoint: 750,\r\n settings: {\r\n slidesToShow: 2.3,\r\n slidesToScroll: 2,\r\n speed: 500,\r\n initialSlide: 1,\r\n },\r\n },\r\n {\r\n breakpoint: 500,\r\n settings: {\r\n slidesToShow: 1.2,\r\n slidesToScroll: 1,\r\n speed: 500,\r\n initialSlide: 0.8,\r\n },\r\n },\r\n // You can unslick at a given breakpoint now by adding:\r\n // settings: \"unslick\"\r\n // instead of a settings object\r\n ],\r\n });\r\n\r\n $(\".sliderStyleThreeItems .slider\")\r\n .not(\".slick-initialized\")\r\n .slick({\r\n centerMode: true,\r\n swipeToSlide: true,\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 3.3,\r\n slidesToScroll: 3,\r\n initialSlide: 1,\r\n\r\n responsive: [\r\n {\r\n breakpoint: 900,\r\n settings: {\r\n slidesToShow: 2.2,\r\n slidesToScroll: 1,\r\n speed: 500,\r\n initialSlide: 1,\r\n },\r\n },\r\n {\r\n breakpoint: 600,\r\n settings: {\r\n slidesToShow: 1.2,\r\n slidesToScroll: 1,\r\n speed: 500,\r\n initialSlide: 0,\r\n },\r\n },\r\n // You can unslick at a given breakpoint now by adding:\r\n // settings: \"unslick\"\r\n // instead of a settings object\r\n ],\r\n });\r\n\r\n // The below was added by Dan for cases where children need to be wider, e.g. they contain columns\r\n // Regular sliderStyleTwoItems is below. Keep them in this order or it won't work.\r\n\r\n $(\r\n \".sliderStyleTwoItems.promotedContentWrapper .slider, .sliderStyleTwoItems.specialOffersWrapper .slider\"\r\n )\r\n .not(\".slick-initialized\")\r\n .slick({\r\n centerMode: true,\r\n swipeToSlide: true,\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 2.3,\r\n slidesToScroll: 1,\r\n initialSlide: 2,\r\n\r\n responsive: [\r\n {\r\n breakpoint: 1000,\r\n settings: {\r\n slidesToShow: 1.12,\r\n slidesToScroll: 1,\r\n speed: 500,\r\n initialSlide: 1,\r\n },\r\n },\r\n ],\r\n });\r\n\r\n $(\".sliderStyleTwoItems .slider\")\r\n .not(\".slick-initialized\")\r\n .slick({\r\n centerMode: true,\r\n swipeToSlide: true,\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 2.3,\r\n slidesToScroll: 1,\r\n initialSlide: 2,\r\n\r\n responsive: [\r\n {\r\n breakpoint: 800,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n speed: 500,\r\n initialSlide: 1,\r\n },\r\n },\r\n ],\r\n });\r\n\r\n $(\".sliderStyleOneItem .slider\").not(\".slick-initialized\").slick({\r\n centerMode: true,\r\n dots: true,\r\n infinite: true,\r\n speed: 750,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n initialSlide: 0,\r\n });\r\n\r\n $(\".reviewSlider .slider\").not(\".slick-initialized\").slick({\r\n centerMode: false,\r\n dots: false,\r\n infinite: true,\r\n speed: 750,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n initialSlide: 0,\r\n });\r\n\r\n $(\r\n \".sliderGalleryWithThumbnails .sliderWrapper.sliderStyleFullWidthSlide .slider\"\r\n )\r\n .not(\".slick-initialized\")\r\n .slick({\r\n centerMode: false,\r\n dots: false,\r\n infinite: true,\r\n speed: 750,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n initialSlide: 0,\r\n });\r\n\r\n $(\".sliderStyleFullWidthSlide .slider\").not(\".slick-initialized\").slick({\r\n centerMode: false,\r\n dots: true,\r\n infinite: true,\r\n speed: 750,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n initialSlide: 0,\r\n });\r\n\r\n // For use where one slider controls the display of another (e.g. thumbnail and main image)\r\n $(\".slider-for\").not(\".slick-initialized\").slick({\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n\r\n dots: false,\r\n fade: true,\r\n asNavFor: \".slider-nav\",\r\n });\r\n\r\n $(\".slider-nav\").not(\".slick-initialized\").slick({\r\n slidesToShow: 5,\r\n slidesToScroll: 1,\r\n arrows: false,\r\n asNavFor: \".slider-for\",\r\n dots: false,\r\n centerMode: true,\r\n focusOnSelect: true,\r\n });\r\n\r\n //setup variable options\r\n\r\n $(\".slider\").each(function () {\r\n if ($(this).hasClass(\"slickAutoPlay5000\")) {\r\n $(this).slick(\"slickSetOption\", \"autoplay\", true, true);\r\n $(this).slick(\"slickSetOption\", \"autoplaySpeed\", 5000, true);\r\n }\r\n\r\n if ($(this).hasClass(\"slickAutoPlay2500\")) {\r\n $(this).slick(\"slickSetOption\", \"autoplay\", true, true);\r\n $(this).slick(\"slickSetOption\", \"autoplaySpeed\", 2500, true);\r\n }\r\n\r\n if ($(this).hasClass(\"slickFade\")) {\r\n $(this).slick(\"slickSetOption\", \"fade\", true, true);\r\n $(this).slick(\"slickSetOption\", \"speed\", 2500, true);\r\n $(this).slick(\"slickSetOption\", \"infinite\", true, true);\r\n }\r\n\r\n if ($(this).hasClass(\"slickHideDots\")) {\r\n $(this).slick(\"slickSetOption\", \"dots\", false, true);\r\n }\r\n\r\n if ($(this).hasClass(\"slickHideArrows\")) {\r\n $(this).slick(\"slickSetOption\", \"arrows\", false, true);\r\n }\r\n });\r\n});\r\n $(\"#loadmoreButton\").click(function () {\r\n var blocksToDisplay = $(\"#reviewsGrid\").attr(\"data-blocks-to-display\");\r\n var blocksToDisplay = +blocksToDisplay + 1;\r\n var scrollAmount = window.innerHeight / 2;\r\n\r\n $(\"#reviewsGrid\").attr(\"data-blocks-to-display\", blocksToDisplay);\r\n var currentPositionOfPage = window.scrollY;\r\n window.scrollBy({ top: scrollAmount, left: 0, behavior: \"smooth\" });\r\n});\r\n $(document).ready(function () {\r\n $(\".reviewContent\").each(function () {\r\n var maxLength = 400;\r\n var myStr = $(this).text();\r\n if ($.trim(myStr).length > maxLength) {\r\n var newStr = myStr.substring(0, maxLength);\r\n var removedStr = myStr.substring(maxLength, $.trim(myStr).length);\r\n $(this).empty().html(newStr);\r\n $(this).append(\r\n ' Read more...'\r\n );\r\n $(this).append('' + removedStr + \"\");\r\n }\r\n });\r\n $(\".read-more\").click(function () {\r\n $(this).siblings(\".more-text\").contents().unwrap();\r\n $(this).remove();\r\n });\r\n});\r\n // data-filterable-option-category options:\r\n// equipment, environmental, popular, financial, technical, vehicle, humanising, curiosity, suitability, starting-point\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n // Function to reorder article summaries based on the parent's data-filterable-option-category attribute\r\n function reorderArticleSummaries(parentDiv) {\r\n let filterCriteria = parentDiv.getAttribute(\r\n \"data-filterable-option-category\"\r\n );\r\n\r\n if (!filterCriteria || filterCriteria.trim() === \"\") {\r\n filterCriteria = \"\";\r\n }\r\n\r\n // Split the filter criteria string into an array\r\n const filterArray = filterCriteria.split(\" \");\r\n\r\n // Get all article summaries within the parent div, even if they are not immediate children\r\n const articleSummaries = Array.from(\r\n parentDiv.querySelectorAll(\"a.article-summary\")\r\n );\r\n\r\n // Create arrays to store reordered article summaries\r\n const matchedArticles = [];\r\n const startingPointArticles = [];\r\n const popularArticles = [];\r\n const remainingArticles = [];\r\n\r\n // Relative URL from PHP variable\r\n const currentPageURLFromRoot = window.currentPageURLFromRoot;\r\n\r\n // For each item in the filter array, find matching articles and add them to the matchedArticles array\r\n filterArray.forEach((criteria) => {\r\n articleSummaries.forEach((article) => {\r\n const articleCategories = article\r\n .getAttribute(\"data-filterable-option-category\")\r\n .split(\" \");\r\n if (\r\n articleCategories.includes(criteria) &&\r\n !matchedArticles.includes(article)\r\n ) {\r\n matchedArticles.push(article);\r\n }\r\n });\r\n });\r\n\r\n // Separate articles into different categories\r\n articleSummaries.forEach((article) => {\r\n const articleCategories = article\r\n .getAttribute(\"data-filterable-option-category\")\r\n .split(\" \");\r\n const articlePath = new URL(article.href).pathname;\r\n\r\n if (articlePath === currentPageURLFromRoot) {\r\n article.style.display = \"none\";\r\n } else if (\r\n articleCategories.includes(\"starting-point\") &&\r\n !matchedArticles.includes(article) &&\r\n !startingPointArticles.includes(article)\r\n ) {\r\n startingPointArticles.push(article);\r\n } else if (\r\n articleCategories.includes(\"popular\") &&\r\n !matchedArticles.includes(article) &&\r\n !popularArticles.includes(article)\r\n ) {\r\n popularArticles.push(article);\r\n } else if (\r\n !matchedArticles.includes(article) &&\r\n !startingPointArticles.includes(article) &&\r\n !popularArticles.includes(article)\r\n ) {\r\n remainingArticles.push(article);\r\n }\r\n });\r\n\r\n // Concatenate all arrays in the desired order\r\n const reorderedArticles = matchedArticles.concat(\r\n startingPointArticles,\r\n popularArticles,\r\n remainingArticles\r\n );\r\n\r\n // Replace the old order with the new order in the DOM while retaining the structure\r\n reorderedArticles.forEach((article) => {\r\n article.parentNode.appendChild(article);\r\n });\r\n }\r\n\r\n // Get all parent divs with class 'topArticles' or 'relatedArticles'\r\n const parentDivs = document.querySelectorAll(\r\n \"div.topArticles, div.relatedArticles\"\r\n );\r\n\r\n // Apply the reorder function to each parent div\r\n parentDivs.forEach((parentDiv) => {\r\n reorderArticleSummaries(parentDiv);\r\n });\r\n});\r\n $(document).ready(function () {\r\n // Check if the necessary HTML elements are present\r\n if ($(\".table-contents\").length > 0 && $(\"div[data-section]\").length > 0) {\r\n const sections = $(\"div[data-section]\");\r\n const navLinks = $(\".table-contents li\");\r\n\r\n // Function to set the active link based on data-section attribute\r\n function setActiveLink(dataSection) {\r\n navLinks.removeClass(\"active\");\r\n $(`.table-contents li a[data-section=\"${dataSection}\"]`)\r\n .parent()\r\n .addClass(\"active\");\r\n }\r\n\r\n // Create a new IntersectionObserver instance to observe the visibility of target elements\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n // Get the value of the 'data-section' attribute of the target element\r\n const dataSection = entry.target.getAttribute(\"data-section\");\r\n // Check if the target element is intersecting (visible in the viewport)\r\n if (entry.isIntersecting) {\r\n setActiveLink(dataSection);\r\n }\r\n });\r\n },\r\n { rootMargin: \"0px 0px -100% 0px\", threshold: 0 } // Adjusted rootMargin and threshold\r\n );\r\n\r\n // Select all div elements that have a 'data-section' attribute and observe them\r\n sections.each(function () {\r\n observer.observe(this);\r\n });\r\n\r\n // Initialize the active link based on the current scroll position\r\n $(window).on(\"load\", function () {\r\n let currentSection = null;\r\n sections.each(function () {\r\n const sectionTop = $(this).offset().top;\r\n if ($(window).scrollTop() >= sectionTop - 1) {\r\n currentSection = $(this).attr(\"data-section\");\r\n }\r\n });\r\n\r\n if (currentSection) {\r\n setActiveLink(currentSection);\r\n } else {\r\n // Default to the first section if no section is currently in view\r\n setActiveLink(sections.first().attr(\"data-section\"));\r\n }\r\n });\r\n }\r\n});\r\n $(document).ready(function () {\r\n if ($(\".indepth-article\").hasClass(\"partitioned\")) {\r\n const newHtml = `\r\n \r\n `;\r\n\r\n $(\".indepth-article.partitioned\").before(newHtml);\r\n\r\n const forwardBackElement = $(\".forward-back\");\r\n\r\n // Set initial previous content to the first div\r\n const firstDiv = $(\".article > div:nth-of-type(1)\");\r\n const articleElement = $(\".article\");\r\n const firstSectionValue = firstDiv.attr(\"data-section\");\r\n let formattedFirstValue = \"\";\r\n if (firstSectionValue) {\r\n formattedFirstValue = firstSectionValue\r\n .replace(/-/g, \" \")\r\n .replace(/\\b\\w/g, function (txt) {\r\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\r\n });\r\n $(\"span[data-previous-content]\").html(formattedFirstValue);\r\n $('a[data-onpage-nav-direction=\"back\"]').attr(\r\n \"data-target\",\r\n firstSectionValue\r\n );\r\n }\r\n\r\n function updateNavContent(currentDiv) {\r\n const nextSibling = $(currentDiv).next();\r\n if (nextSibling.length > 0) {\r\n const sectionValue = nextSibling.attr(\"data-section\");\r\n if (sectionValue) {\r\n const formattedValue = sectionValue\r\n .replace(/-/g, \" \")\r\n .replace(/\\b\\w/g, function (txt) {\r\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\r\n });\r\n $(\"span[data-next-content]\").html(formattedValue);\r\n $('a[data-onpage-nav-direction=\"forward\"]').attr(\r\n \"data-target\",\r\n sectionValue\r\n );\r\n } else {\r\n console.log(\"Next sibling does not have a data-section attribute.\");\r\n }\r\n } else {\r\n console.log(\"No next sibling found.\");\r\n }\r\n\r\n const prevSibling = $(currentDiv).prev();\r\n if (prevSibling.length > 0) {\r\n const prevSectionValue = prevSibling.attr(\"data-section\");\r\n if (prevSectionValue) {\r\n const formattedPrevValue = prevSectionValue\r\n .replace(/-/g, \" \")\r\n .replace(/\\b\\w/g, function (txt) {\r\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\r\n });\r\n $(\"span[data-previous-content]\").html(formattedPrevValue);\r\n $('a[data-onpage-nav-direction=\"back\"]').attr(\r\n \"data-target\",\r\n prevSectionValue\r\n );\r\n } else {\r\n console.log(\r\n \"Previous sibling does not have a data-section attribute.\"\r\n );\r\n }\r\n } else {\r\n // If no previous sibling, set it to the first div\r\n $(\"span[data-previous-content]\").html(formattedFirstValue);\r\n $('a[data-onpage-nav-direction=\"back\"]').attr(\r\n \"data-target\",\r\n firstSectionValue\r\n );\r\n }\r\n }\r\n\r\n $(window).on(\"scroll\", function () {\r\n let foundVisibleDiv = false;\r\n $(\".article > div\").each(function () {\r\n const rect = this.getBoundingClientRect();\r\n if (!foundVisibleDiv && rect.top <= 0 && rect.bottom > 0) {\r\n forwardBackElement.removeClass(\"hidden\");\r\n updateNavContent(this);\r\n foundVisibleDiv = true;\r\n }\r\n\r\n // Reapply the .hidden class when the first div reaches the top\r\n const firstDivRect = firstDiv[0].getBoundingClientRect();\r\n if (firstDivRect.top >= 0) {\r\n forwardBackElement.addClass(\"hidden\");\r\n }\r\n });\r\n\r\n // Add .hidden class when the bottom of .article reaches the top of the viewport\r\n const articleRect = articleElement[0].getBoundingClientRect();\r\n if (articleRect.bottom <= 0) {\r\n forwardBackElement.addClass(\"hidden\");\r\n } else if (\r\n articleRect.top < window.innerHeight &&\r\n articleRect.bottom > 0\r\n ) {\r\n forwardBackElement.removeClass(\"hidden\");\r\n }\r\n });\r\n\r\n // Add smooth scrolling to anchor links\r\n $(\r\n 'a[data-onpage-nav-direction=\"forward\"], a[data-onpage-nav-direction=\"back\"]'\r\n ).on(\"click\", function (event) {\r\n event.preventDefault();\r\n const targetName = $(this).attr(\"data-target\");\r\n const target = $(`[name='${targetName}']`);\r\n\r\n if (target.length > 0) {\r\n let offset = target.offset().top;\r\n if ($(this).data(\"onpage-nav-direction\") === \"back\") {\r\n offset -= 200; // Adjust offset for \"previous\" link\r\n }\r\n\r\n $(\"html, body\").animate(\r\n {\r\n scrollTop: offset,\r\n },\r\n 800,\r\n function () {\r\n updateNavContent(target); // Update nav content immediately\r\n }\r\n );\r\n } else {\r\n console.log(\"Target not found: \" + targetName);\r\n }\r\n });\r\n }\r\n});\r\n const navContentsArea = document.querySelector(\".nav-contents-area\");\r\nconst announcementBar = document.querySelector(\".announcementBar\");\r\nconst contactBar = document.querySelector(\".contactBar\");\r\nconst navDivs = document.querySelectorAll(\".nav-contents-area > div\");\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n const nav = document.querySelector(\".nav\");\r\n const navItems = nav.querySelectorAll(\"li[data-nav-item]\");\r\n const currentSelection = document.querySelector(\r\n '[data-nav-element=\"current-selection\"]'\r\n );\r\n const backButton = document.getElementById(\"back-button\");\r\n let lastScrollY = window.scrollY;\r\n let isNavItemClicked = false;\r\n\r\n const subItems = document.querySelectorAll(\r\n \"div[data-sub-item] .sub-selector\"\r\n );\r\n\r\n // Set data-nav-depth attribute on navContentsArea\r\n navContentsArea.setAttribute(\"data-nav-depth\", \"0\");\r\n\r\n // Create the overlay div and insert it before .nav\r\n const overlay = document.createElement(\"div\");\r\n overlay.classList.add(\"overlay\");\r\n nav.parentNode.insertBefore(overlay, nav);\r\n\r\n // Add click event listener to each li\r\n navItems.forEach((item) => {\r\n item.addEventListener(\"click\", function (event) {\r\n isNavItemClicked = true;\r\n setTimeout(() => {\r\n isNavItemClicked = false;\r\n }, 300); // Adjust the timeout duration if necessary\r\n\r\n const itemId = item.getAttribute(\"data-nav-item\");\r\n const correspondingDiv = document.querySelector(\r\n `.nav-contents-area > div[data-nav-item=\"${itemId}\"]`\r\n );\r\n\r\n if (item.classList.contains(\"active\")) {\r\n item.classList.remove(\"active\");\r\n if (correspondingDiv) {\r\n correspondingDiv.classList.remove(\"active\");\r\n }\r\n navContentsArea.classList.remove(\"active\");\r\n overlay.style.display = \"none\";\r\n overlay.style.pointerEvents = \"none\";\r\n currentSelection.innerHTML = \"\";\r\n currentSelection.setAttribute(\"data-current-selection\", \"\");\r\n navContentsArea.setAttribute(\"data-nav-depth\", \"0\");\r\n } else {\r\n navItems.forEach((li) => li.classList.remove(\"active\"));\r\n navDivs.forEach((div) => div.classList.remove(\"active\"));\r\n item.classList.add(\"active\");\r\n\r\n if (correspondingDiv) {\r\n correspondingDiv.classList.add(\"active\");\r\n navContentsArea.classList.add(\"active\");\r\n navContentsArea.setAttribute(\"data-nav-depth\", \"1\");\r\n overlay.style.display = \"block\";\r\n overlay.style.pointerEvents = \"auto\";\r\n currentSelection.innerHTML = item.innerHTML;\r\n currentSelection.setAttribute(\r\n \"data-current-selection\",\r\n item.innerHTML\r\n );\r\n }\r\n }\r\n event.stopPropagation(); // Prevent triggering the document click event\r\n });\r\n });\r\n\r\n // Close the navigation when the user clicks outside of it\r\n document.addEventListener(\"click\", function (event) {\r\n const activeDiv = document.querySelector(\".nav-contents-area > div.active\");\r\n const clickedNavItem = event.target.closest(\"li[data-nav-item]\");\r\n const clickedInsideNav = nav.contains(event.target);\r\n const clickedInsideNavContents = navContentsArea.contains(event.target);\r\n\r\n if (activeDiv && (!clickedInsideNavContents || clickedNavItem)) {\r\n // Remove 'active' class from all li and div elements\r\n navItems.forEach((li) => li.classList.remove(\"active\"));\r\n navDivs.forEach((div) => div.classList.remove(\"active\"));\r\n // Remove 'active' class from .nav-contents-area\r\n navContentsArea.classList.remove(\"active\");\r\n // Hide overlay\r\n overlay.style.display = \"none\";\r\n overlay.style.pointerEvents = \"none\";\r\n }\r\n });\r\n\r\n subItems.forEach((subItem) => {\r\n subItem.addEventListener(\"click\", function (event) {\r\n const parentDiv = subItem.closest(\"div[data-sub-item]\");\r\n if (parentDiv) {\r\n // Add 'active' class to the parent div\r\n parentDiv.classList.add(\"active\");\r\n\r\n // Get current selection value\r\n const currentSelectionValue = currentSelection.getAttribute(\r\n \"data-current-selection\"\r\n );\r\n\r\n // Set data-parent-topic on the element with data-current-selection\r\n currentSelection.setAttribute(\r\n \"data-parent-topic\",\r\n currentSelectionValue\r\n );\r\n\r\n // Update data-current-selection with the clicked sub-selector's HTML\r\n const subItemHTML = subItem.innerHTML;\r\n currentSelection.setAttribute(\"data-current-selection\", subItemHTML);\r\n currentSelection.innerHTML = subItemHTML;\r\n\r\n // Set nav depth\r\n navContentsArea.setAttribute(\"data-nav-depth\", \"2\");\r\n }\r\n\r\n event.stopPropagation(); // Prevent further propagation of the event\r\n });\r\n });\r\n\r\n window.addEventListener(\"scroll\", function () {\r\n if (isNavItemClicked) return;\r\n\r\n const currentScrollY = window.scrollY;\r\n\r\n if (currentScrollY > lastScrollY) {\r\n // Scrolling down\r\n if (announcementBar) announcementBar.classList.add(\"hidden\");\r\n if (contactBar) contactBar.classList.add(\"hidden\");\r\n if (!nav.classList.contains(\"compact\")) {\r\n nav.classList.add(\"compact\");\r\n }\r\n } else {\r\n // Scrolling up\r\n if (announcementBar) announcementBar.classList.remove(\"hidden\");\r\n if (contactBar) contactBar.classList.remove(\"hidden\");\r\n nav.classList.remove(\"compact\");\r\n }\r\n\r\n lastScrollY = currentScrollY;\r\n });\r\n\r\n // Handle back button click event\r\n backButton.addEventListener(\"click\", function () {\r\n // Get the current value of data-nav-depth\r\n const currentDepth = parseInt(\r\n navContentsArea.getAttribute(\"data-nav-depth\"),\r\n 10\r\n );\r\n\r\n if (currentDepth === 1) {\r\n // If the data-nav-depth is 1, perform the existing functionality\r\n // Clear current selection content and attribute\r\n currentSelection.innerHTML = \"\";\r\n currentSelection.setAttribute(\"data-current-selection\", \"\");\r\n\r\n // Remove 'active' class from all li and div elements\r\n navItems.forEach((li) => li.classList.remove(\"active\"));\r\n navDivs.forEach((div) => div.classList.remove(\"active\"));\r\n\r\n // Decrease the value of data-nav-depth by one\r\n navContentsArea.setAttribute(\r\n \"data-nav-depth\",\r\n Math.max(0, currentDepth - 1)\r\n );\r\n\r\n // Hide overlay and remove active class from navContentsArea\r\n overlay.style.display = \"none\";\r\n overlay.style.pointerEvents = \"none\";\r\n navContentsArea.classList.remove(\"active\");\r\n } else if (currentDepth === 2) {\r\n // If the data-nav-depth is 2, perform the new functionality\r\n // Remove the class \"active\" from all div[data-sub-item] elements\r\n const subItems = document.querySelectorAll(\"div[data-sub-item]\");\r\n subItems.forEach((subItem) => subItem.classList.remove(\"active\"));\r\n\r\n // Find the current data-parent-topic on currentSelection\r\n const parentTopic = currentSelection.getAttribute(\"data-parent-topic\");\r\n\r\n // Use that value to replace the value of data-current-selection\r\n currentSelection.setAttribute(\"data-current-selection\", parentTopic);\r\n currentSelection.innerHTML = parentTopic;\r\n\r\n // Set data-parent-topic as blank\r\n currentSelection.setAttribute(\"data-parent-topic\", \"\");\r\n\r\n // Decrease the value of data-nav-depth by one\r\n navContentsArea.setAttribute(\"data-nav-depth\", currentDepth - 1);\r\n }\r\n });\r\n\r\n // Handle window resize event for switching from mobile to desktop nav\r\n window.addEventListener(\"resize\", function () {\r\n const viewportWidth = window.innerWidth;\r\n const selectorsArea = document.getElementById(\"selectors-area\");\r\n\r\n if (viewportWidth >= 1220) {\r\n selectorsArea.style.display = \"\";\r\n }\r\n });\r\n}); // end of DOMContentLoaded\r\n\r\nfunction openNav() {\r\n $(\"#selectors-area\").show();\r\n $(\".overlay\").show();\r\n}\r\n\r\nfunction closeNav() {\r\n $(\"#selectors-area\").hide();\r\n navDivs.forEach((div) => div.classList.remove(\"active\"));\r\n navContentsArea.classList.remove(\"active\");\r\n $(\".overlay\").hide();\r\n}\r\n $(document).ready(function () {\r\n if ($(\".indepth-article\").hasClass(\"partitioned\")) {\r\n const newHtml = `\r\n \r\n `;\r\n\r\n $(\".indepth-article.partitioned\").before(newHtml);\r\n\r\n const forwardBackElement = $(\".forward-back\");\r\n\r\n // Set initial previous content to the first div\r\n const firstDiv = $(\".article > div:nth-of-type(1)\");\r\n const articleElement = $(\".article\");\r\n const firstSectionValue = firstDiv.attr(\"data-section\");\r\n let formattedFirstValue = \"\";\r\n if (firstSectionValue) {\r\n formattedFirstValue = firstSectionValue\r\n .replace(/-/g, \" \")\r\n .replace(/\\b\\w/g, function (txt) {\r\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\r\n });\r\n $(\"span[data-previous-content]\").html(formattedFirstValue);\r\n $('a[data-onpage-nav-direction=\"back\"]').attr(\r\n \"data-target\",\r\n firstSectionValue\r\n );\r\n }\r\n\r\n function updateNavContent(currentDiv) {\r\n const nextSibling = $(currentDiv).next();\r\n if (nextSibling.length > 0) {\r\n const sectionValue = nextSibling.attr(\"data-section\");\r\n if (sectionValue) {\r\n const formattedValue = sectionValue\r\n .replace(/-/g, \" \")\r\n .replace(/\\b\\w/g, function (txt) {\r\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\r\n });\r\n $(\"span[data-next-content]\").html(formattedValue);\r\n $('a[data-onpage-nav-direction=\"forward\"]').attr(\r\n \"data-target\",\r\n sectionValue\r\n );\r\n } else {\r\n console.log(\"Next sibling does not have a data-section attribute.\");\r\n }\r\n } else {\r\n console.log(\"No next sibling found.\");\r\n }\r\n\r\n const prevSibling = $(currentDiv).prev();\r\n if (prevSibling.length > 0) {\r\n const prevSectionValue = prevSibling.attr(\"data-section\");\r\n if (prevSectionValue) {\r\n const formattedPrevValue = prevSectionValue\r\n .replace(/-/g, \" \")\r\n .replace(/\\b\\w/g, function (txt) {\r\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\r\n });\r\n $(\"span[data-previous-content]\").html(formattedPrevValue);\r\n $('a[data-onpage-nav-direction=\"back\"]').attr(\r\n \"data-target\",\r\n prevSectionValue\r\n );\r\n } else {\r\n console.log(\r\n \"Previous sibling does not have a data-section attribute.\"\r\n );\r\n }\r\n } else {\r\n // If no previous sibling, set it to the first div\r\n $(\"span[data-previous-content]\").html(formattedFirstValue);\r\n $('a[data-onpage-nav-direction=\"back\"]').attr(\r\n \"data-target\",\r\n firstSectionValue\r\n );\r\n }\r\n }\r\n\r\n $(window).on(\"scroll\", function () {\r\n let foundVisibleDiv = false;\r\n $(\".article > div\").each(function () {\r\n const rect = this.getBoundingClientRect();\r\n if (!foundVisibleDiv && rect.top <= 0 && rect.bottom > 0) {\r\n forwardBackElement.removeClass(\"hidden\");\r\n updateNavContent(this);\r\n foundVisibleDiv = true;\r\n }\r\n\r\n // Reapply the .hidden class when the first div reaches the top\r\n const firstDivRect = firstDiv[0].getBoundingClientRect();\r\n if (firstDivRect.top >= 0) {\r\n forwardBackElement.addClass(\"hidden\");\r\n }\r\n });\r\n\r\n // Add .hidden class when the bottom of .article reaches the top of the viewport\r\n const articleRect = articleElement[0].getBoundingClientRect();\r\n if (articleRect.bottom <= 0) {\r\n forwardBackElement.addClass(\"hidden\");\r\n } else if (\r\n articleRect.top < window.innerHeight &&\r\n articleRect.bottom > 0\r\n ) {\r\n forwardBackElement.removeClass(\"hidden\");\r\n }\r\n });\r\n\r\n // Add smooth scrolling to anchor links\r\n $(\r\n 'a[data-onpage-nav-direction=\"forward\"], a[data-onpage-nav-direction=\"back\"]'\r\n ).on(\"click\", function (event) {\r\n event.preventDefault();\r\n const targetName = $(this).attr(\"data-target\");\r\n const target = $(`[name='${targetName}']`);\r\n\r\n if (target.length > 0) {\r\n let offset = target.offset().top;\r\n if ($(this).data(\"onpage-nav-direction\") === \"back\") {\r\n offset -= 200; // Adjust offset for \"previous\" link\r\n }\r\n\r\n $(\"html, body\").animate(\r\n {\r\n scrollTop: offset,\r\n },\r\n 800,\r\n function () {\r\n updateNavContent(target); // Update nav content immediately\r\n }\r\n );\r\n } else {\r\n console.log(\"Target not found: \" + targetName);\r\n }\r\n });\r\n }\r\n});\r\n \r\nvar windowClick = function(e){\t\r\n\t\r\n\t\r\n\t// Define list of menus\r\n\tmenusList = [\".mainNav\", \".languageSelector\"];\r\n\t\r\n\t\r\n\t//loop through each menu in menusList:\r\n\t$.each(menusList, function( index, theMenu ) {\r\n\t\t\r\n\t\t//if theMenu is open\r\n\t\tif($(theMenu+'>li.selected').length>0){\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t// if click has not come from theMenu\r\n\t\t\tif (!$(e.target).closest(theMenu).length) {\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t//stop any other actions happening (e.g. following a link)\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\t\r\n\t\t\t\t//Hide the theMenu\r\n\t\t\t\t$(theMenu).find('.selected').removeClass('selected');\r\n\t\t\t};\r\n\t\t};\r\n\t});\r\n\t\r\n};\r\n\r\n\r\n\r\n\r\n\r\n//Only do the below when the document is ready\r\n$(document).ready(function(){\r\n\t\r\n\t//Handle window clicks so we know when someone's clicked outside the menu (to close it)\r\n\t//\t\tTrue part at end is the useCapture property. If set to true then this gets the click event first, before any other (child) elements\r\n\twindow.addEventListener(\"click\", windowClick, true); \r\n\t\r\n\t\r\n\tvar submenuSelector = \".mainNav li.isSubmenuSelector, .languageSelector li\";\r\n\t\r\n\t$(submenuSelector).click(function(e){\r\n\t\t\r\n\t\t\r\n\t\tif (!e.isDefaultPrevented()) {\r\n\t\t\t\r\n\t\t\t//only run code section if click event source was subMenu Selector\r\n\t\t\tif ($(this).is(submenuSelector) ){\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t//See if menu is already open\r\n\t\t\t\tif( $(this).hasClass('selected') ){\r\n\t\t\t\t\t\r\n\t\t\t\t\t//if it is already open, close it and its descendents\r\n\t\t\t\t\t$(this).removeClass('selected');\r\n\t\t\t\t\t$(this).find('ul').removeClass('selected');\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t} else {\r\n\t\t\t\t\t\r\n\t\t\t\t\t//remove class \"selected\" from all siblings and their children\r\n\t\t\t\t\t$(this).siblings('li').removeClass('selected').find('ul, li').removeClass('selected');\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t//add the class \"selected\" to the which has been clicked\r\n\t\t\t\t\t$(this).addClass('selected');\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t// and to any of its children which are
- \r\n\t\t\t\t\t$(this).children('ul').addClass('selected');\r\n\t\t\t\t\t\r\n\t\t\t\t}\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t//stop parents of the isSubmenuSelector also firing their click events\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t});\r\n\t\r\n\t\r\n\t\r\n});\r\n\r\n\r\n\r\n\r\n //Only do the below when the document is ready\r\n$(document).ready(function () {\r\n // something is going to happen when there is a click on a ul.imgMapToggle which is a child of productSummaryBoxWrapper>div\r\n\r\n $(\r\n \".productSummaryBoxWrapper>div ul.imgMapToggle >li >span, .productSummaryBox ul.imgMapToggle >li >span\"\r\n ).click(function () {\r\n // remove the class \"selected\" from the span which has been clicked\r\n $(this)\r\n .closest(\".productSummaryBoxWrapper>div, .productSummaryBox\")\r\n .find(\".selected\")\r\n .removeClass(\"selected\");\r\n\r\n // add class \"selected\" to the span which was clicked\r\n $(this).addClass(\"selected\");\r\n\r\n // find the name of the selector that was clicked\r\n var selectedOptionName = $(this).data(\"option\");\r\n\r\n // add the appropriate class to the parent, depending on which image you want to see\r\n $(this)\r\n .closest(\".productSummaryBoxWrapper>div, .productSummaryBox\")\r\n .removeClass(\"showImage\")\r\n .removeClass(\"showMap\")\r\n .addClass(selectedOptionName);\r\n });\r\n\r\n //show options on click\r\n $(\r\n \".clForms-dropdown-single > div > div:first-child, .clForms-dropdown-multi > div > div:first-child\"\r\n ).click(function (event) {\r\n var $chosenItem = $(event.target);\r\n\r\n //toggle showing options\r\n $chosenItem.parent().toggleClass(\"showOptions\");\r\n });\r\n\r\n //Select and auto hide options\r\n $(\".clForms-dropdown-single > div > ul > li\").click(function (event) {\r\n var $optionClicked = $(event.target);\r\n\r\n //if child of li has been clicked then move up the DOM tree to the li\r\n if (!$optionClicked.is(\"li\")) {\r\n $optionClicked = $optionClicked.closest(\"li\");\r\n }\r\n\r\n //get text of selection\r\n var textSelected = $optionClicked.children(\"label\").first().html();\r\n\r\n //hide the options\r\n $optionClicked.parent().parent().removeClass(\"showOptions\");\r\n\r\n //update selected item\r\n $optionClicked.parent().siblings(\"div\").first().html(textSelected);\r\n });\r\n\r\n //custom hide triggers\r\n //so in a website we can add other buttons that trigger closing action just by adding the below class\r\n $(\".clForms-dropdown-close-all\").click(function (event) {\r\n //hide any open dropdowns.\r\n $(\r\n \".clForms-dropdown-single > div, .clForms-dropdown-multi > div\"\r\n ).removeClass(\"showOptions\");\r\n });\r\n\r\n /////////////// tabs\r\n $(\".tabSelectors>ul>li\").click(function () {\r\n //Remove class \"selected\" from the tabs and the contents below\r\n $(this).closest(\".tabs\").find(\".selected\").removeClass(\"selected\");\r\n\r\n //find the name of the selector that was clicked\r\n var selectedOptionName = $(this).data(\"option\");\r\n\r\n //add the class \"selected\" to the tab and corresponding content\r\n $(this)\r\n .closest(\".tabs\")\r\n .find('[data-option=\"' + selectedOptionName + '\"]')\r\n .addClass(\"selected\");\r\n\r\n // google maps workaround\r\n //\t\tgoogle mymaps needs reloading when displayed as it does not work properly when iframe is loaded into a hidden area of html\r\n var $displayedTab = $(this)\r\n .closest(\".tabs\")\r\n .find('[data-option=\"' + selectedOptionName + '\"]');\r\n\r\n $displayedTab.find(\".iframeNeedsReloadingOnDisplay\").each(function () {\r\n if (!$(this).attr(\"data-hasreloaded\")) {\r\n //reload the iframe\r\n $(this).attr(\"src\", $(this).attr(\"src\"));\r\n\r\n //add marker so we don't reload again\r\n $(this).attr(\"data-hasreloaded\", true);\r\n }\r\n });\r\n });\r\n\r\n // expandingFeaturedMSPs - works like tabs on desktop, looks different tho and all items displayed at all times on mobiles\r\n $(\".selector\").click(function () {\r\n //Remove class \"active\" from the tabs and the contents below\r\n $(this)\r\n .closest(\".expandingFeaturedMSPs\")\r\n .find(\".selected\")\r\n .removeClass(\"selected\");\r\n\r\n //find the name of the selector that was clicked\r\n var selectedOptionName = $(this).data(\"option\");\r\n\r\n //add the class \"selected\" to the tab and corresponding content\r\n $(this)\r\n .closest(\".expandingFeaturedMSPs\")\r\n .find('[data-option=\"' + selectedOptionName + '\"]')\r\n .addClass(\"selected\");\r\n });\r\n});\r\n\r\nfunction dismissAnnouncement() {\r\n var announcementBar = document.querySelector(\".announcementBar\");\r\n if (announcementBar) {\r\n announcementBar.style.display = \"none\";\r\n }\r\n}\r\n // do not use this on these pages. They use a hash for other purposes than anchor link\r\nvar pagesToIgnore = [\"https://www.myirelandtour.com/mybooking/escorted-group-tours.php\",\r\n\t\t\t\"https://www.myirelandtour.com/mybooking/private-tours.php\"];\r\n\r\n\t\t\t\r\n// checks for the URLs to ignore from above\r\nfunction urlChecker(urlToCheck) {\r\n \r\n for (var i = 0; i < pagesToIgnore.length; i++) {\r\n if (urlToCheck.indexOf(pagesToIgnore[i]) > -1) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n}\r\n\r\n\r\n\r\n(function($){ //create closure so we can safely use $ as alias for jQuery\r\n\t\r\n\t$(document).ready(function(){\r\n\t\t\r\n\t\t\r\n\t\t\t\r\n\t\t\r\n\t\t//check if it's an external anchor link\r\n\t\tif(window.location.hash && urlChecker(window.location.href)){\r\n\t\t\t\r\n\t\t\tvar hash = window.location.hash;\r\n\t\t\t$target = $('[name=' + hash.slice(1) +']');\r\n\t\t\t\r\n\t\t\t\r\n\t\t\tif ($target.length) {\r\n\t\t\t\t\r\n\t\t\t\t//open expander / contractor first if required\r\n\t\t\t\t\t\r\n\t\t\t\t//check if target is in hidden expander / contractor\r\n\t\t\t\tvar $toggleContainerHidden = $target.closest('.toggle_container:hidden');\r\n\t\t\t\t\r\n\t\t\t\tif ($toggleContainerHidden.length){\r\n\t\t\t\t\ttoggleNow($toggleContainerHidden, true);\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t};\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t// check if target is toggle trigger. If so, expand it's target\r\n\t\t\t\tif ($target.hasClass(\"toggle_trigger\")){\r\n\t\t\t\t\t$target.click();\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t$('html,body').animate({\r\n\t\t\t\t\tscrollTop: $target.offset().top - 20\r\n\t\t\t\t}, 300);\r\n\t\t\t\t\r\n\t\t\t};\r\n\t\t\r\n\t\t};\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t// smooth scrolling for anchor links within a page\r\n\t\t$('a[href*=\\\\#]:not([href=\\\\#])').click(function() {\r\n\t\t\tif (location.pathname.replace(/^\\//,'') == this.pathname.replace(/^\\//,'') && location.hostname == this.hostname) {\r\n\t\t\t\t\r\n\t\t\t\tvar target = $(this.hash);\r\n\t\t\t\ttarget = target.length ? target : $('[name=' + this.hash.slice(1) +']');\r\n\t\t\t\tif (target.length) {\r\n\t\t\t\t\r\n\t\t\t\t\t//open expander / contractor first if required\r\n\t\t\t\t\t\r\n\t\t\t\t\t//check if target is in hidden expander / contractor\r\n\t\t\t\t\tvar $toggleContainerHidden = $(target).closest('.toggle_container:hidden');\r\n\t\t\t\t\t\r\n\t\t\t\t\tif ($toggleContainerHidden.length){\r\n\t\t\t\t\t\ttoggleNow($toggleContainerHidden, true);\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t// check if target is toggle trigger. If so, expand it's target\r\n\t\t\t\t\tif (target.hasClass(\"toggle_trigger\")){\r\n\t\t\t\t\t\ttarget.click();\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t$('html,body').animate({\r\n\t\t\t\t\t\tscrollTop: target.offset().top - 20\r\n\t\t\t\t\t}, 1000);\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\t\t\r\n\t\t\r\n\t});\r\n\t\r\n})(jQuery);\r\n\r\n\r\n //Useful Functions **************************\r\n\r\n// Returns a function, that, as long as it continues to be invoked, will not\r\n// be triggered. The function will be called after it stops being called for\r\n// N milliseconds. If `immediate` is passed, trigger the function on the\r\n// leading edge, instead of the trailing.\r\nfunction debounce(func, wait, immediate) {\r\n var timeout;\r\n return function () {\r\n var context = this,\r\n args = arguments;\r\n var later = function () {\r\n timeout = null;\r\n if (!immediate) func.apply(context, args);\r\n };\r\n var callNow = immediate && !timeout;\r\n clearTimeout(timeout);\r\n timeout = setTimeout(later, wait);\r\n if (callNow) func.apply(context, args);\r\n };\r\n}\r\n\r\n//setup ********************************************\r\n(function ($) {\r\n $(document).ready(function () {\r\n toggleSetup(document);\r\n\r\n // track scrolling for fixed positioning of toggle close button\r\n window.addEventListener(\"scroll\", setFixedCloseButtonVisability);\r\n });\r\n})(jQuery);\r\n\r\nfunction toggleSetup(startingElement) {\r\n //$(startingElement).find(\".toggle_container\").addBack(\".toggle_container\").hide();\r\n\r\n $(startingElement)\r\n .find(\".toggle_trigger\")\r\n .click(function () {\r\n toggleNow($(this).siblings(\".toggle_container\"));\r\n });\r\n\r\n $(startingElement)\r\n .find(\".toggleOnMobile_trigger\")\r\n .click(function () {\r\n toggleNow($(this).siblings(\".toggle_container\"));\r\n });\r\n\r\n $(\".toggle_focus_trigger\").focus(function () {\r\n var $toggleContainer = $(this)\r\n .closest(\".toggle_wrapper\")\r\n .find(\".toggle_container\")\r\n .first();\r\n\r\n $toggleContainer.slideDown(\"slow\");\r\n\r\n reloadGoogleMaps($toggleContainer);\r\n });\r\n\r\n $(\".toggle_click_trigger\").click(function () {\r\n var $toggleContainer = $(this)\r\n .closest(\".toggle_wrapper\")\r\n .find(\".toggle_container\")\r\n .first();\r\n\r\n $toggleContainer.slideToggle(\"slow\");\r\n\r\n reloadGoogleMaps($toggleContainer);\r\n\r\n /* UNCOMMENT THIS AND TEST WHEN PUTTING LIVE \r\n\t\trecordEvent(window.location.href, 'ToggleTriggerClick', jQuery(this).text()); */\r\n });\r\n}\r\n\r\nfunction toggleNow($toggleContainer, toggleInstantly) {\r\n // if toggleInstantly = true then don't use slide effects\r\n\r\n $toggleTrigger = $toggleContainer.siblings(\".toggle_trigger\");\r\n\r\n //toggle \"active\" class on trigger\r\n $toggleTrigger.toggleClass(\"active\");\r\n\r\n //see if opening or closing\r\n var opening = $toggleTrigger.hasClass(\"active\");\r\n\r\n //toggle \"active\" class on wrapper\r\n $toggleContainer.parent().toggleClass(\"active\");\r\n\r\n //slide the container\r\n if (toggleInstantly) {\r\n $toggleContainer.toggle();\r\n } else {\r\n $toggleContainer.slideToggle(\"slow\");\r\n }\r\n\r\n //if closing then hide extra close button\r\n if (!opening) {\r\n $toggleContainer.find(\".toggleFixedCloserWrapper\").remove();\r\n }\r\n\r\n // reload google maps\r\n reloadGoogleMaps($toggleContainer);\r\n}\r\n\r\nfunction toggleNow_toggleOnMobile($toggleContainer, toggleInstantly) {\r\n // if toggleInstantly = true then don't use slide effects\r\n\r\n $toggleTrigger = $toggleContainer.siblings(\".toggleOnMobile_trigger\");\r\n\r\n //toggle \"active\" class on trigger\r\n $toggleTrigger.toggleClass(\"toggled\");\r\n\r\n //see if opening or closing\r\n var opening = $toggleTrigger.hasClass(\"toggled\");\r\n\r\n //toggle \"active\" class on wrapper\r\n $toggleContainer.parent().toggleClass(\"toggled\");\r\n\r\n //slide the container\r\n if (toggleInstantly) {\r\n $toggleContainer.toggle();\r\n } else {\r\n $toggleContainer.slideToggle(\"slow\");\r\n }\r\n\r\n //if closing then hide extra close button\r\n if (!opening) {\r\n $toggleContainer.find(\".toggleFixedCloserWrapper\").remove();\r\n }\r\n\r\n // reload google maps\r\n reloadGoogleMaps($toggleContainer);\r\n}\r\n\r\nvar setFixedCloseButtonVisability = debounce(function () {\r\n //small toggle areas dont need these\r\n var minHeightForFixedCloseButton = 400;\r\n\r\n //get all open toggles\r\n $(\".toggle_container:visible\").each(function () {\r\n var $toggleContainer = $(this);\r\n var $toggleTrigger = $toggleContainer.siblings(\".toggle_trigger\");\r\n\r\n if (\r\n window.scrollY > $toggleContainer.offset().top + 40 &&\r\n window.scrollY <\r\n $toggleContainer.offset().top + $toggleContainer.height() &&\r\n $toggleContainer.height() > minHeightForFixedCloseButton\r\n ) {\r\n //check if already added\r\n if (!$toggleContainer.find(\".toggleFixedCloserWrapper\").length) {\r\n $toggleContainer.append(\r\n ''\r\n );\r\n\r\n $toggleContainer.find(\".toggleFixedCloserWrapper\").fadeIn(400);\r\n }\r\n } else {\r\n //if in wrong scroll distance (i.e. above of below element) then hide extra close button\r\n\r\n $toggleContainer\r\n .find(\".toggleFixedCloserWrapper\")\r\n .fadeOut(200, function () {\r\n $(this).remove();\r\n });\r\n }\r\n });\r\n}, 50);\r\n\r\nfunction toggleFixedCloserBtnClick(btn) {\r\n var $toggleContainer = $(btn).closest(\".toggle_container\");\r\n var $toggleTrigger = $toggleContainer.siblings(\".toggle_trigger\");\r\n\r\n //scroll up\r\n $(\"html, body\")\r\n .animate(\r\n {\r\n scrollTop: $toggleTrigger.first().offset().top - 50,\r\n },\r\n 800\r\n )\r\n .promise()\r\n .then(function () {\r\n // then close toggle\r\n toggleNow($toggleContainer);\r\n });\r\n}\r\n\r\nfunction reloadGoogleMaps($toggleContainer) {\r\n // google maps workaround\r\n //\t\tgoogle mymaps needs reloading when displayed as it does not work properly when iframe is loaded into a hidden area of html\r\n\r\n $toggleContainer.find(\".iframeNeedsReloadingOnDisplay\").each(function () {\r\n if (!$(this).attr(\"data-hasreloaded\")) {\r\n //reload the iframe\r\n $(this).attr(\"src\", $(this).attr(\"src\"));\r\n\r\n //add marker so we don't reload again\r\n $(this).attr(\"data-hasreloaded\", true);\r\n }\r\n });\r\n}\r\n /*! lazysizes - v5.1.2 */\r\n!function(a,b){var c=b(a,a.document);a.lazySizes=c,\"object\"==typeof module&&module.exports&&(module.exports=c)}(\"undefined\"!=typeof window?window:{},function(a,b){\"use strict\";var c,d;if(function(){var b,c={lazyClass:\"lazyload\",loadedClass:\"lazyloaded\",loadingClass:\"lazyloading\",preloadClass:\"lazypreload\",errorClass:\"lazyerror\",autosizesClass:\"lazyautosizes\",srcAttr:\"data-src\",srcsetAttr:\"data-srcset\",sizesAttr:\"data-sizes\",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};d=a.lazySizesConfig||a.lazysizesConfig||{};for(b in c)b in d||(d[b]=c[b])}(),!b||!b.getElementsByClassName)return{init:function(){},cfg:d,noSupport:!0};var e=b.documentElement,f=a.Date,g=a.HTMLPictureElement,h=\"addEventListener\",i=\"getAttribute\",j=a[h],k=a.setTimeout,l=a.requestAnimationFrame||k,m=a.requestIdleCallback,n=/^picture$/i,o=[\"load\",\"error\",\"lazyincluded\",\"_lazyloaded\"],p={},q=Array.prototype.forEach,r=function(a,b){return p[b]||(p[b]=new RegExp(\"(\\\\s|^)\"+b+\"(\\\\s|$)\")),p[b].test(a[i](\"class\")||\"\")&&p[b]},s=function(a,b){r(a,b)||a.setAttribute(\"class\",(a[i](\"class\")||\"\").trim()+\" \"+b)},t=function(a,b){var c;(c=r(a,b))&&a.setAttribute(\"class\",(a[i](\"class\")||\"\").replace(c,\" \"))},u=function(a,b,c){var d=c?h:\"removeEventListener\";c&&u(a,b),o.forEach(function(c){a[d](c,b)})},v=function(a,d,e,f,g){var h=b.createEvent(\"Event\");return e||(e={}),e.instance=c,h.initEvent(d,!f,!g),h.detail=e,a.dispatchEvent(h),h},w=function(b,c){var e;!g&&(e=a.picturefill||d.pf)?(c&&c.src&&!b[i](\"srcset\")&&b.setAttribute(\"srcset\",c.src),e({reevaluate:!0,elements:[b]})):c&&c.src&&(b.src=c.src)},x=function(a,b){return(getComputedStyle(a,null)||{})[b]},y=function(a,b,c){for(c=c||a.offsetWidth;c
\r\n \t\t\t\t\t\t\t\t\t
\"auto\" : all undefined swipes will cause the page to scroll in that direction. \r\n \t\t\t\t\t\t\t\t\t
\"none\" : the page will not scroll when user swipes. \r\n \t\t\t\t\t\t\t\t\t
\"horizontal\" : will force page to scroll on horizontal swipes. \r\n \t\t\t\t\t\t\t\t\t
\"vertical\" : will force page to scroll on vertical swipes. \r\n * @property {boolean} [fallbackToMouseEvents=true] If true mouse events are used when run on a non touch device, false will stop swipes being triggered by mouse events on non tocuh devices.\r\n * @property {string} [excludedElements=\".noSwipe\"] A jquery selector that specifies child elements that do NOT trigger swipes. By default this excludes elements with the class .noSwipe .\r\n * @property {boolean} [preventDefaultEvents=true] by default default events are cancelled, so the page doesn't move. You can dissable this so both native events fire as well as your handlers.\r\n\r\n */\r\n var defaults = {\r\n fingers: 1,\r\n threshold: 75,\r\n cancelThreshold: null,\r\n pinchThreshold: 20,\r\n maxTimeThreshold: null,\r\n fingerReleaseThreshold: 250,\r\n longTapThreshold: 500,\r\n doubleTapThreshold: 200,\r\n swipe: null,\r\n swipeLeft: null,\r\n swipeRight: null,\r\n swipeUp: null,\r\n swipeDown: null,\r\n swipeStatus: null,\r\n pinchIn: null,\r\n pinchOut: null,\r\n pinchStatus: null,\r\n click: null, //Deprecated since 1.6.2\r\n tap: null,\r\n doubleTap: null,\r\n longTap: null,\r\n hold: null,\r\n triggerOnTouchEnd: true,\r\n triggerOnTouchLeave: false,\r\n allowPageScroll: \"auto\",\r\n fallbackToMouseEvents: true,\r\n excludedElements: \".noSwipe\",\r\n preventDefaultEvents: true\r\n };\r\n\r\n\r\n\r\n /**\r\n * Applies TouchSwipe behaviour to one or more jQuery objects.\r\n * The TouchSwipe plugin can be instantiated via this method, or methods within\r\n * TouchSwipe can be executed via this method as per jQuery plugin architecture.\r\n * An existing plugin can have its options changed simply by re calling .swipe(options)\r\n * @see TouchSwipe\r\n * @class\r\n * @param {Mixed} method If the current DOMNode is a TouchSwipe object, and
method is a TouchSwipe method, then\r\n * the method is executed, and any following arguments are passed to the TouchSwipe method.\r\n * If method is an object, then the TouchSwipe class is instantiated on the current DOMNode, passing the\r\n * configuration properties defined in the object. See TouchSwipe\r\n *\r\n */\r\n $.fn.swipe = function (method) {\r\n var $this = $(this),\r\n plugin = $this.data(PLUGIN_NS);\r\n\r\n //Check if we are already instantiated and trying to execute a method\r\n if (plugin && typeof method === 'string') {\r\n if (plugin[method]) {\r\n return plugin[method].apply(plugin, Array.prototype.slice.call(arguments, 1));\r\n } else {\r\n $.error('Method ' + method + ' does not exist on jQuery.swipe');\r\n }\r\n }\r\n\r\n //Else update existing plugin with new options hash\r\n else if (plugin && typeof method === 'object') {\r\n plugin['option'].apply(plugin, arguments);\r\n }\r\n\r\n //Else not instantiated and trying to pass init object (or nothing)\r\n else if (!plugin && (typeof method === 'object' || !method)) {\r\n return init.apply(this, arguments);\r\n }\r\n\r\n return $this;\r\n };\r\n\r\n /**\r\n * The version of the plugin\r\n * @readonly\r\n */\r\n $.fn.swipe.version = VERSION;\r\n\r\n\r\n\r\n //Expose our defaults so a user could override the plugin defaults\r\n $.fn.swipe.defaults = defaults;\r\n\r\n /**\r\n * The phases that a touch event goes through. The phase is passed to the event handlers.\r\n * These properties are read only, attempting to change them will not alter the values passed to the event handlers.\r\n * @namespace\r\n * @readonly\r\n * @property {string} PHASE_START Constant indicating the start phase of the touch event. Value is \"start\".\r\n * @property {string} PHASE_MOVE Constant indicating the move phase of the touch event. Value is \"move\".\r\n * @property {string} PHASE_END Constant indicating the end phase of the touch event. Value is \"end\".\r\n * @property {string} PHASE_CANCEL Constant indicating the cancel phase of the touch event. Value is \"cancel\".\r\n */\r\n $.fn.swipe.phases = {\r\n PHASE_START: PHASE_START,\r\n PHASE_MOVE: PHASE_MOVE,\r\n PHASE_END: PHASE_END,\r\n PHASE_CANCEL: PHASE_CANCEL\r\n };\r\n\r\n /**\r\n * The direction constants that are passed to the event handlers.\r\n * These properties are read only, attempting to change them will not alter the values passed to the event handlers.\r\n * @namespace\r\n * @readonly\r\n * @property {string} LEFT Constant indicating the left direction. Value is \"left\".\r\n * @property {string} RIGHT Constant indicating the right direction. Value is \"right\".\r\n * @property {string} UP Constant indicating the up direction. Value is \"up\".\r\n * @property {string} DOWN Constant indicating the down direction. Value is \"cancel\".\r\n * @property {string} IN Constant indicating the in direction. Value is \"in\".\r\n * @property {string} OUT Constant indicating the out direction. Value is \"out\".\r\n */\r\n $.fn.swipe.directions = {\r\n LEFT: LEFT,\r\n RIGHT: RIGHT,\r\n UP: UP,\r\n DOWN: DOWN,\r\n IN: IN,\r\n OUT: OUT\r\n };\r\n\r\n /**\r\n * The page scroll constants that can be used to set the value of allowPageScroll option\r\n * These properties are read only\r\n * @namespace\r\n * @readonly\r\n * @see $.fn.swipe.defaults#allowPageScroll\r\n * @property {string} NONE Constant indicating no page scrolling is allowed. Value is \"none\".\r\n * @property {string} HORIZONTAL Constant indicating horizontal page scrolling is allowed. Value is \"horizontal\".\r\n * @property {string} VERTICAL Constant indicating vertical page scrolling is allowed. Value is \"vertical\".\r\n * @property {string} AUTO Constant indicating either horizontal or vertical will be allowed, depending on the swipe handlers registered. Value is \"auto\".\r\n */\r\n $.fn.swipe.pageScroll = {\r\n NONE: NONE,\r\n HORIZONTAL: HORIZONTAL,\r\n VERTICAL: VERTICAL,\r\n AUTO: AUTO\r\n };\r\n\r\n /**\r\n * Constants representing the number of fingers used in a swipe. These are used to set both the value of fingers in the\r\n * options object, as well as the value of the fingers event property.\r\n * These properties are read only, attempting to change them will not alter the values passed to the event handlers.\r\n * @namespace\r\n * @readonly\r\n * @see $.fn.swipe.defaults#fingers\r\n * @property {string} ONE Constant indicating 1 finger is to be detected / was detected. Value is 1.\r\n * @property {string} TWO Constant indicating 2 fingers are to be detected / were detected. Value is 2.\r\n * @property {string} THREE Constant indicating 3 finger are to be detected / were detected. Value is 3.\r\n * @property {string} FOUR Constant indicating 4 finger are to be detected / were detected. Not all devices support this. Value is 4.\r\n * @property {string} FIVE Constant indicating 5 finger are to be detected / were detected. Not all devices support this. Value is 5.\r\n * @property {string} ALL Constant indicating any combination of finger are to be detected. Value is \"all\".\r\n */\r\n $.fn.swipe.fingers = {\r\n ONE: 1,\r\n TWO: 2,\r\n THREE: 3,\r\n FOUR: 4,\r\n FIVE: 5,\r\n ALL: ALL_FINGERS\r\n };\r\n\r\n /**\r\n * Initialise the plugin for each DOM element matched\r\n * This creates a new instance of the main TouchSwipe class for each DOM element, and then\r\n * saves a reference to that instance in the elements data property.\r\n * @internal\r\n */\r\n function init(options) {\r\n //Prep and extend the options\r\n if (options && (options.allowPageScroll === undefined && (options.swipe !== undefined || options.swipeStatus !== undefined))) {\r\n options.allowPageScroll = NONE;\r\n }\r\n\r\n //Check for deprecated options\r\n //Ensure that any old click handlers are assigned to the new tap, unless we have a tap\r\n if (options.click !== undefined && options.tap === undefined) {\r\n options.tap = options.click;\r\n }\r\n\r\n if (!options) {\r\n options = {};\r\n }\r\n\r\n //pass empty object so we dont modify the defaults\r\n options = $.extend({}, $.fn.swipe.defaults, options);\r\n\r\n //For each element instantiate the plugin\r\n return this.each(function () {\r\n var $this = $(this);\r\n\r\n //Check we havent already initialised the plugin\r\n var plugin = $this.data(PLUGIN_NS);\r\n\r\n if (!plugin) {\r\n plugin = new TouchSwipe(this, options);\r\n $this.data(PLUGIN_NS, plugin);\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Main TouchSwipe Plugin Class.\r\n * Do not use this to construct your TouchSwipe object, use the jQuery plugin method $.fn.swipe(); {@link $.fn.swipe}\r\n * @private\r\n * @name TouchSwipe\r\n * @param {DOMNode} element The HTML DOM object to apply to plugin to\r\n * @param {Object} options The options to configure the plugin with. @link {$.fn.swipe.defaults}\r\n * @see $.fh.swipe.defaults\r\n * @see $.fh.swipe\r\n * @class\r\n */\r\n function TouchSwipe(element, options) {\r\n\r\n //take a local/instacne level copy of the options - should make it this.options really...\r\n var options = $.extend({}, options);\r\n\r\n var useTouchEvents = (SUPPORTS_TOUCH || SUPPORTS_POINTER || !options.fallbackToMouseEvents),\r\n START_EV = useTouchEvents ? (SUPPORTS_POINTER ? (SUPPORTS_POINTER_IE10 ? 'MSPointerDown' : 'pointerdown') : 'touchstart') : 'mousedown',\r\n MOVE_EV = useTouchEvents ? (SUPPORTS_POINTER ? (SUPPORTS_POINTER_IE10 ? 'MSPointerMove' : 'pointermove') : 'touchmove') : 'mousemove',\r\n END_EV = useTouchEvents ? (SUPPORTS_POINTER ? (SUPPORTS_POINTER_IE10 ? 'MSPointerUp' : 'pointerup') : 'touchend') : 'mouseup',\r\n LEAVE_EV = useTouchEvents ? (SUPPORTS_POINTER ? 'mouseleave' : null) : 'mouseleave', //we manually detect leave on touch devices, so null event here\r\n CANCEL_EV = (SUPPORTS_POINTER ? (SUPPORTS_POINTER_IE10 ? 'MSPointerCancel' : 'pointercancel') : 'touchcancel');\r\n\r\n\r\n\r\n //touch properties\r\n var distance = 0,\r\n direction = null,\r\n currentDirection = null,\r\n duration = 0,\r\n startTouchesDistance = 0,\r\n endTouchesDistance = 0,\r\n pinchZoom = 1,\r\n pinchDistance = 0,\r\n pinchDirection = 0,\r\n maximumsMap = null;\r\n\r\n\r\n\r\n //jQuery wrapped element for this instance\r\n var $element = $(element);\r\n\r\n //Current phase of th touch cycle\r\n var phase = \"start\";\r\n\r\n // the current number of fingers being used.\r\n var fingerCount = 0;\r\n\r\n //track mouse points / delta\r\n var fingerData = {};\r\n\r\n //track times\r\n var startTime = 0,\r\n endTime = 0,\r\n previousTouchEndTime = 0,\r\n fingerCountAtRelease = 0,\r\n doubleTapStartTime = 0;\r\n\r\n //Timeouts\r\n var singleTapTimeout = null,\r\n holdTimeout = null;\r\n\r\n // Add gestures to all swipable areas if supported\r\n try {\r\n $element.bind(START_EV, touchStart);\r\n $element.bind(CANCEL_EV, touchCancel);\r\n } catch (e) {\r\n $.error('events not supported ' + START_EV + ',' + CANCEL_EV + ' on jQuery.swipe');\r\n }\r\n\r\n //\r\n //Public methods\r\n //\r\n\r\n /**\r\n * re-enables the swipe plugin with the previous configuration\r\n * @function\r\n * @name $.fn.swipe#enable\r\n * @return {DOMNode} The Dom element that was registered with TouchSwipe\r\n * @example $(\"#element\").swipe(\"enable\");\r\n */\r\n this.enable = function () {\r\n //Incase we are already enabled, clean up...\r\n this.disable();\r\n $element.bind(START_EV, touchStart);\r\n $element.bind(CANCEL_EV, touchCancel);\r\n return $element;\r\n };\r\n\r\n /**\r\n * disables the swipe plugin\r\n * @function\r\n * @name $.fn.swipe#disable\r\n * @return {DOMNode} The Dom element that is now registered with TouchSwipe\r\n * @example $(\"#element\").swipe(\"disable\");\r\n */\r\n this.disable = function () {\r\n removeListeners();\r\n return $element;\r\n };\r\n\r\n /**\r\n * Destroy the swipe plugin completely. To use any swipe methods, you must re initialise the plugin.\r\n * @function\r\n * @name $.fn.swipe#destroy\r\n * @example $(\"#element\").swipe(\"destroy\");\r\n */\r\n this.destroy = function () {\r\n removeListeners();\r\n $element.data(PLUGIN_NS, null);\r\n $element = null;\r\n };\r\n\r\n\r\n /**\r\n * Allows run time updating of the swipe configuration options.\r\n * @function\r\n * @name $.fn.swipe#option\r\n * @param {String} property The option property to get or set, or a has of multiple options to set\r\n * @param {Object} [value] The value to set the property to\r\n * @return {Object} If only a property name is passed, then that property value is returned. If nothing is passed the current options hash is returned.\r\n * @example $(\"#element\").swipe(\"option\", \"threshold\"); // return the threshold\r\n * @example $(\"#element\").swipe(\"option\", \"threshold\", 100); // set the threshold after init\r\n * @example $(\"#element\").swipe(\"option\", {threshold:100, fingers:3} ); // set multiple properties after init\r\n * @example $(\"#element\").swipe({threshold:100, fingers:3} ); // set multiple properties after init - the \"option\" method is optional!\r\n * @example $(\"#element\").swipe(\"option\"); // Return the current options hash\r\n * @see $.fn.swipe.defaults\r\n *\r\n */\r\n this.option = function (property, value) {\r\n\r\n if (typeof property === 'object') {\r\n options = $.extend(options, property);\r\n } else if (options[property] !== undefined) {\r\n if (value === undefined) {\r\n return options[property];\r\n } else {\r\n options[property] = value;\r\n }\r\n } else if (!property) {\r\n return options;\r\n } else {\r\n $.error('Option ' + property + ' does not exist on jQuery.swipe.options');\r\n }\r\n\r\n return null;\r\n }\r\n\r\n\r\n\r\n //\r\n // Private methods\r\n //\r\n\r\n //\r\n // EVENTS\r\n //\r\n /**\r\n * Event handler for a touch start event.\r\n * Stops the default click event from triggering and stores where we touched\r\n * @inner\r\n * @param {object} jqEvent The normalised jQuery event object.\r\n */\r\n function touchStart(jqEvent) {\r\n\r\n //If we already in a touch event (a finger already in use) then ignore subsequent ones..\r\n if (getTouchInProgress()) {\r\n return;\r\n }\r\n\r\n //Check if this element matches any in the excluded elements selectors, or its parent is excluded, if so, DON'T swipe\r\n if ($(jqEvent.target).closest(options.excludedElements, $element).length > 0) {\r\n return;\r\n }\r\n\r\n //As we use Jquery bind for events, we need to target the original event object\r\n //If these events are being programmatically triggered, we don't have an original event object, so use the Jq one.\r\n var event = jqEvent.originalEvent ? jqEvent.originalEvent : jqEvent;\r\n\r\n\r\n //If we have a pointer event, whoes type is 'mouse' and we have said NO mouse events, then dont do anything.\r\n if (event.pointerType && event.pointerType == \"mouse\" && options.fallbackToMouseEvents == false) {\r\n return;\r\n };\r\n\r\n var ret,\r\n touches = event.touches,\r\n evt = touches ? touches[0] : event;\r\n\r\n phase = PHASE_START;\r\n\r\n //If we support touches, get the finger count\r\n if (touches) {\r\n // get the total number of fingers touching the screen\r\n fingerCount = touches.length;\r\n }\r\n //Else this is the desktop, so stop the browser from dragging content\r\n else if (options.preventDefaultEvents !== false) {\r\n jqEvent.preventDefault(); //call this on jq event so we are cross browser\r\n }\r\n\r\n //clear vars..\r\n distance = 0;\r\n direction = null;\r\n currentDirection = null;\r\n pinchDirection = null;\r\n duration = 0;\r\n startTouchesDistance = 0;\r\n endTouchesDistance = 0;\r\n pinchZoom = 1;\r\n pinchDistance = 0;\r\n maximumsMap = createMaximumsData();\r\n cancelMultiFingerRelease();\r\n\r\n //Create the default finger data\r\n createFingerData(0, evt);\r\n\r\n // check the number of fingers is what we are looking for, or we are capturing pinches\r\n if (!touches || (fingerCount === options.fingers || options.fingers === ALL_FINGERS) || hasPinches()) {\r\n // get the coordinates of the touch\r\n startTime = getTimeStamp();\r\n\r\n if (fingerCount == 2) {\r\n //Keep track of the initial pinch distance, so we can calculate the diff later\r\n //Store second finger data as start\r\n createFingerData(1, touches[1]);\r\n startTouchesDistance = endTouchesDistance = calculateTouchesDistance(fingerData[0].start, fingerData[1].start);\r\n }\r\n\r\n if (options.swipeStatus || options.pinchStatus) {\r\n ret = triggerHandler(event, phase);\r\n }\r\n } else {\r\n //A touch with more or less than the fingers we are looking for, so cancel\r\n ret = false;\r\n }\r\n\r\n //If we have a return value from the users handler, then return and cancel\r\n if (ret === false) {\r\n phase = PHASE_CANCEL;\r\n triggerHandler(event, phase);\r\n return ret;\r\n } else {\r\n if (options.hold) {\r\n holdTimeout = setTimeout($.proxy(function () {\r\n //Trigger the event\r\n $element.trigger('hold', [event.target]);\r\n //Fire the callback\r\n if (options.hold) {\r\n ret = options.hold.call($element, event, event.target);\r\n }\r\n }, this), options.longTapThreshold);\r\n }\r\n\r\n setTouchInProgress(true);\r\n }\r\n\r\n return null;\r\n };\r\n\r\n\r\n\r\n /**\r\n * Event handler for a touch move event.\r\n * If we change fingers during move, then cancel the event\r\n * @inner\r\n * @param {object} jqEvent The normalised jQuery event object.\r\n */\r\n function touchMove(jqEvent) {\r\n\r\n //As we use Jquery bind for events, we need to target the original event object\r\n //If these events are being programmatically triggered, we don't have an original event object, so use the Jq one.\r\n var event = jqEvent.originalEvent ? jqEvent.originalEvent : jqEvent;\r\n\r\n //If we are ending, cancelling, or within the threshold of 2 fingers being released, don't track anything..\r\n if (phase === PHASE_END || phase === PHASE_CANCEL || inMultiFingerRelease())\r\n return;\r\n\r\n var ret,\r\n touches = event.touches,\r\n evt = touches ? touches[0] : event;\r\n\r\n\r\n //Update the finger data\r\n var currentFinger = updateFingerData(evt);\r\n endTime = getTimeStamp();\r\n\r\n if (touches) {\r\n fingerCount = touches.length;\r\n }\r\n\r\n if (options.hold) {\r\n clearTimeout(holdTimeout);\r\n }\r\n\r\n phase = PHASE_MOVE;\r\n\r\n //If we have 2 fingers get Touches distance as well\r\n if (fingerCount == 2) {\r\n\r\n //Keep track of the initial pinch distance, so we can calculate the diff later\r\n //We do this here as well as the start event, in case they start with 1 finger, and the press 2 fingers\r\n if (startTouchesDistance == 0) {\r\n //Create second finger if this is the first time...\r\n createFingerData(1, touches[1]);\r\n\r\n startTouchesDistance = endTouchesDistance = calculateTouchesDistance(fingerData[0].start, fingerData[1].start);\r\n } else {\r\n //Else just update the second finger\r\n updateFingerData(touches[1]);\r\n\r\n endTouchesDistance = calculateTouchesDistance(fingerData[0].end, fingerData[1].end);\r\n pinchDirection = calculatePinchDirection(fingerData[0].end, fingerData[1].end);\r\n }\r\n\r\n pinchZoom = calculatePinchZoom(startTouchesDistance, endTouchesDistance);\r\n pinchDistance = Math.abs(startTouchesDistance - endTouchesDistance);\r\n }\r\n\r\n if ((fingerCount === options.fingers || options.fingers === ALL_FINGERS) || !touches || hasPinches()) {\r\n\r\n //The overall direction of the swipe. From start to now.\r\n direction = calculateDirection(currentFinger.start, currentFinger.end);\r\n\r\n //The immediate direction of the swipe, direction between the last movement and this one.\r\n currentDirection = calculateDirection(currentFinger.last, currentFinger.end);\r\n\r\n //Check if we need to prevent default event (page scroll / pinch zoom) or not\r\n validateDefaultEvent(jqEvent, currentDirection);\r\n\r\n //Distance and duration are all off the main finger\r\n distance = calculateDistance(currentFinger.start, currentFinger.end);\r\n duration = calculateDuration();\r\n\r\n //Cache the maximum distance we made in this direction\r\n setMaxDistance(direction, distance);\r\n\r\n //Trigger status handler\r\n ret = triggerHandler(event, phase);\r\n\r\n\r\n //If we trigger end events when threshold are met, or trigger events when touch leaves element\r\n if (!options.triggerOnTouchEnd || options.triggerOnTouchLeave) {\r\n\r\n var inBounds = true;\r\n\r\n //If checking if we leave the element, run the bounds check (we can use touchleave as its not supported on webkit)\r\n if (options.triggerOnTouchLeave) {\r\n var bounds = getbounds(this);\r\n inBounds = isInBounds(currentFinger.end, bounds);\r\n }\r\n\r\n //Trigger end handles as we swipe if thresholds met or if we have left the element if the user has asked to check these..\r\n if (!options.triggerOnTouchEnd && inBounds) {\r\n phase = getNextPhase(PHASE_MOVE);\r\n }\r\n //We end if out of bounds here, so set current phase to END, and check if its modified\r\n else if (options.triggerOnTouchLeave && !inBounds) {\r\n phase = getNextPhase(PHASE_END);\r\n }\r\n\r\n if (phase == PHASE_CANCEL || phase == PHASE_END) {\r\n triggerHandler(event, phase);\r\n }\r\n }\r\n } else {\r\n phase = PHASE_CANCEL;\r\n triggerHandler(event, phase);\r\n }\r\n\r\n if (ret === false) {\r\n phase = PHASE_CANCEL;\r\n triggerHandler(event, phase);\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n /**\r\n * Event handler for a touch end event.\r\n * Calculate the direction and trigger events\r\n * @inner\r\n * @param {object} jqEvent The normalised jQuery event object.\r\n */\r\n function touchEnd(jqEvent) {\r\n //As we use Jquery bind for events, we need to target the original event object\r\n //If these events are being programmatically triggered, we don't have an original event object, so use the Jq one.\r\n var event = jqEvent.originalEvent ? jqEvent.originalEvent : jqEvent,\r\n touches = event.touches;\r\n\r\n //If we are still in a touch with the device wait a fraction and see if the other finger comes up\r\n //if it does within the threshold, then we treat it as a multi release, not a single release and end the touch / swipe\r\n if (touches) {\r\n if (touches.length && !inMultiFingerRelease()) {\r\n startMultiFingerRelease(event);\r\n return true;\r\n } else if (touches.length && inMultiFingerRelease()) {\r\n return true;\r\n }\r\n }\r\n\r\n //If a previous finger has been released, check how long ago, if within the threshold, then assume it was a multifinger release.\r\n //This is used to allow 2 fingers to release fractionally after each other, whilst maintaining the event as containing 2 fingers, not 1\r\n if (inMultiFingerRelease()) {\r\n fingerCount = fingerCountAtRelease;\r\n }\r\n\r\n //Set end of swipe\r\n endTime = getTimeStamp();\r\n\r\n //Get duration incase move was never fired\r\n duration = calculateDuration();\r\n\r\n //If we trigger handlers at end of swipe OR, we trigger during, but they didnt trigger and we are still in the move phase\r\n if (didSwipeBackToCancel() || !validateSwipeDistance()) {\r\n phase = PHASE_CANCEL;\r\n triggerHandler(event, phase);\r\n } else if (options.triggerOnTouchEnd || (options.triggerOnTouchEnd === false && phase === PHASE_MOVE)) {\r\n //call this on jq event so we are cross browser\r\n if (options.preventDefaultEvents !== false) {\r\n jqEvent.preventDefault();\r\n }\r\n phase = PHASE_END;\r\n triggerHandler(event, phase);\r\n }\r\n //Special cases - A tap should always fire on touch end regardless,\r\n //So here we manually trigger the tap end handler by itself\r\n //We dont run trigger handler as it will re-trigger events that may have fired already\r\n else if (!options.triggerOnTouchEnd && hasTap()) {\r\n //Trigger the pinch events...\r\n phase = PHASE_END;\r\n triggerHandlerForGesture(event, phase, TAP);\r\n } else if (phase === PHASE_MOVE) {\r\n phase = PHASE_CANCEL;\r\n triggerHandler(event, phase);\r\n }\r\n\r\n setTouchInProgress(false);\r\n\r\n return null;\r\n }\r\n\r\n\r\n\r\n /**\r\n * Event handler for a touch cancel event.\r\n * Clears current vars\r\n * @inner\r\n */\r\n function touchCancel() {\r\n // reset the variables back to default values\r\n fingerCount = 0;\r\n endTime = 0;\r\n startTime = 0;\r\n startTouchesDistance = 0;\r\n endTouchesDistance = 0;\r\n pinchZoom = 1;\r\n\r\n //If we were in progress of tracking a possible multi touch end, then re set it.\r\n cancelMultiFingerRelease();\r\n\r\n setTouchInProgress(false);\r\n }\r\n\r\n\r\n /**\r\n * Event handler for a touch leave event.\r\n * This is only triggered on desktops, in touch we work this out manually\r\n * as the touchleave event is not supported in webkit\r\n * @inner\r\n */\r\n function touchLeave(jqEvent) {\r\n //If these events are being programmatically triggered, we don't have an original event object, so use the Jq one.\r\n var event = jqEvent.originalEvent ? jqEvent.originalEvent : jqEvent;\r\n\r\n //If we have the trigger on leave property set....\r\n if (options.triggerOnTouchLeave) {\r\n phase = getNextPhase(PHASE_END);\r\n triggerHandler(event, phase);\r\n }\r\n }\r\n\r\n /**\r\n * Removes all listeners that were associated with the plugin\r\n * @inner\r\n */\r\n function removeListeners() {\r\n $element.unbind(START_EV, touchStart);\r\n $element.unbind(CANCEL_EV, touchCancel);\r\n $element.unbind(MOVE_EV, touchMove);\r\n $element.unbind(END_EV, touchEnd);\r\n\r\n //we only have leave events on desktop, we manually calculate leave on touch as its not supported in webkit\r\n if (LEAVE_EV) {\r\n $element.unbind(LEAVE_EV, touchLeave);\r\n }\r\n\r\n setTouchInProgress(false);\r\n }\r\n\r\n\r\n /**\r\n * Checks if the time and distance thresholds have been met, and if so then the appropriate handlers are fired.\r\n */\r\n function getNextPhase(currentPhase) {\r\n\r\n var nextPhase = currentPhase;\r\n\r\n // Ensure we have valid swipe (under time and over distance and check if we are out of bound...)\r\n var validTime = validateSwipeTime();\r\n var validDistance = validateSwipeDistance();\r\n var didCancel = didSwipeBackToCancel();\r\n\r\n //If we have exceeded our time, then cancel\r\n if (!validTime || didCancel) {\r\n nextPhase = PHASE_CANCEL;\r\n }\r\n //Else if we are moving, and have reached distance then end\r\n else if (validDistance && currentPhase == PHASE_MOVE && (!options.triggerOnTouchEnd || options.triggerOnTouchLeave)) {\r\n nextPhase = PHASE_END;\r\n }\r\n //Else if we have ended by leaving and didn't reach distance, then cancel\r\n else if (!validDistance && currentPhase == PHASE_END && options.triggerOnTouchLeave) {\r\n nextPhase = PHASE_CANCEL;\r\n }\r\n\r\n return nextPhase;\r\n }\r\n\r\n\r\n /**\r\n * Trigger the relevant event handler\r\n * The handlers are passed the original event, the element that was swiped, and in the case of the catch all handler, the direction that was swiped, \"left\", \"right\", \"up\", or \"down\"\r\n * @param {object} event the original event object\r\n * @param {string} phase the phase of the swipe (start, end cancel etc) {@link $.fn.swipe.phases}\r\n * @inner\r\n */\r\n function triggerHandler(event, phase) {\r\n\r\n\r\n\r\n var ret,\r\n touches = event.touches;\r\n\r\n // SWIPE GESTURES\r\n if (didSwipe() || hasSwipes()) {\r\n ret = triggerHandlerForGesture(event, phase, SWIPE);\r\n }\r\n\r\n // PINCH GESTURES (if the above didn't cancel)\r\n if ((didPinch() || hasPinches()) && ret !== false) {\r\n ret = triggerHandlerForGesture(event, phase, PINCH);\r\n }\r\n\r\n // CLICK / TAP (if the above didn't cancel)\r\n if (didDoubleTap() && ret !== false) {\r\n //Trigger the tap events...\r\n ret = triggerHandlerForGesture(event, phase, DOUBLE_TAP);\r\n }\r\n\r\n // CLICK / TAP (if the above didn't cancel)\r\n else if (didLongTap() && ret !== false) {\r\n //Trigger the tap events...\r\n ret = triggerHandlerForGesture(event, phase, LONG_TAP);\r\n }\r\n\r\n // CLICK / TAP (if the above didn't cancel)\r\n else if (didTap() && ret !== false) {\r\n //Trigger the tap event..\r\n ret = triggerHandlerForGesture(event, phase, TAP);\r\n }\r\n\r\n\r\n\r\n // If we are cancelling the gesture, then manually trigger the reset handler\r\n if (phase === PHASE_CANCEL) {\r\n\r\n touchCancel(event);\r\n }\r\n\r\n\r\n\r\n\r\n // If we are ending the gesture, then manually trigger the reset handler IF all fingers are off\r\n if (phase === PHASE_END) {\r\n //If we support touch, then check that all fingers are off before we cancel\r\n if (touches) {\r\n if (!touches.length) {\r\n touchCancel(event);\r\n }\r\n } else {\r\n touchCancel(event);\r\n }\r\n }\r\n\r\n return ret;\r\n }\r\n\r\n\r\n\r\n /**\r\n * Trigger the relevant event handler\r\n * The handlers are passed the original event, the element that was swiped, and in the case of the catch all handler, the direction that was swiped, \"left\", \"right\", \"up\", or \"down\"\r\n * @param {object} event the original event object\r\n * @param {string} phase the phase of the swipe (start, end cancel etc) {@link $.fn.swipe.phases}\r\n * @param {string} gesture the gesture to trigger a handler for : PINCH or SWIPE {@link $.fn.swipe.gestures}\r\n * @return Boolean False, to indicate that the event should stop propagation, or void.\r\n * @inner\r\n */\r\n function triggerHandlerForGesture(event, phase, gesture) {\r\n\r\n var ret;\r\n\r\n //SWIPES....\r\n if (gesture == SWIPE) {\r\n //Trigger status every time..\r\n $element.trigger('swipeStatus', [phase, direction || null, distance || 0, duration || 0, fingerCount, fingerData, currentDirection]);\r\n\r\n if (options.swipeStatus) {\r\n ret = options.swipeStatus.call($element, event, phase, direction || null, distance || 0, duration || 0, fingerCount, fingerData, currentDirection);\r\n //If the status cancels, then dont run the subsequent event handlers..\r\n if (ret === false) return false;\r\n }\r\n\r\n if (phase == PHASE_END && validateSwipe()) {\r\n\r\n //Cancel any taps that were in progress...\r\n clearTimeout(singleTapTimeout);\r\n clearTimeout(holdTimeout);\r\n\r\n $element.trigger('swipe', [direction, distance, duration, fingerCount, fingerData, currentDirection]);\r\n\r\n if (options.swipe) {\r\n ret = options.swipe.call($element, event, direction, distance, duration, fingerCount, fingerData, currentDirection);\r\n //If the status cancels, then dont run the subsequent event handlers..\r\n if (ret === false) return false;\r\n }\r\n\r\n //trigger direction specific event handlers\r\n switch (direction) {\r\n case LEFT:\r\n $element.trigger('swipeLeft', [direction, distance, duration, fingerCount, fingerData, currentDirection]);\r\n\r\n if (options.swipeLeft) {\r\n ret = options.swipeLeft.call($element, event, direction, distance, duration, fingerCount, fingerData, currentDirection);\r\n }\r\n break;\r\n\r\n case RIGHT:\r\n $element.trigger('swipeRight', [direction, distance, duration, fingerCount, fingerData, currentDirection]);\r\n\r\n if (options.swipeRight) {\r\n ret = options.swipeRight.call($element, event, direction, distance, duration, fingerCount, fingerData, currentDirection);\r\n }\r\n break;\r\n\r\n case UP:\r\n $element.trigger('swipeUp', [direction, distance, duration, fingerCount, fingerData, currentDirection]);\r\n\r\n if (options.swipeUp) {\r\n ret = options.swipeUp.call($element, event, direction, distance, duration, fingerCount, fingerData, currentDirection);\r\n }\r\n break;\r\n\r\n case DOWN:\r\n $element.trigger('swipeDown', [direction, distance, duration, fingerCount, fingerData, currentDirection]);\r\n\r\n if (options.swipeDown) {\r\n ret = options.swipeDown.call($element, event, direction, distance, duration, fingerCount, fingerData, currentDirection);\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n\r\n\r\n //PINCHES....\r\n if (gesture == PINCH) {\r\n $element.trigger('pinchStatus', [phase, pinchDirection || null, pinchDistance || 0, duration || 0, fingerCount, pinchZoom, fingerData]);\r\n\r\n if (options.pinchStatus) {\r\n ret = options.pinchStatus.call($element, event, phase, pinchDirection || null, pinchDistance || 0, duration || 0, fingerCount, pinchZoom, fingerData);\r\n //If the status cancels, then dont run the subsequent event handlers..\r\n if (ret === false) return false;\r\n }\r\n\r\n if (phase == PHASE_END && validatePinch()) {\r\n\r\n switch (pinchDirection) {\r\n case IN:\r\n $element.trigger('pinchIn', [pinchDirection || null, pinchDistance || 0, duration || 0, fingerCount, pinchZoom, fingerData]);\r\n\r\n if (options.pinchIn) {\r\n ret = options.pinchIn.call($element, event, pinchDirection || null, pinchDistance || 0, duration || 0, fingerCount, pinchZoom, fingerData);\r\n }\r\n break;\r\n\r\n case OUT:\r\n $element.trigger('pinchOut', [pinchDirection || null, pinchDistance || 0, duration || 0, fingerCount, pinchZoom, fingerData]);\r\n\r\n if (options.pinchOut) {\r\n ret = options.pinchOut.call($element, event, pinchDirection || null, pinchDistance || 0, duration || 0, fingerCount, pinchZoom, fingerData);\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (gesture == TAP) {\r\n if (phase === PHASE_CANCEL || phase === PHASE_END) {\r\n\r\n clearTimeout(singleTapTimeout);\r\n clearTimeout(holdTimeout);\r\n\r\n //If we are also looking for doubelTaps, wait incase this is one...\r\n if (hasDoubleTap() && !inDoubleTap()) {\r\n doubleTapStartTime = getTimeStamp();\r\n\r\n //Now wait for the double tap timeout, and trigger this single tap\r\n //if its not cancelled by a double tap\r\n singleTapTimeout = setTimeout($.proxy(function () {\r\n doubleTapStartTime = null;\r\n $element.trigger('tap', [event.target]);\r\n\r\n if (options.tap) {\r\n ret = options.tap.call($element, event, event.target);\r\n }\r\n }, this), options.doubleTapThreshold);\r\n\r\n } else {\r\n doubleTapStartTime = null;\r\n $element.trigger('tap', [event.target]);\r\n if (options.tap) {\r\n ret = options.tap.call($element, event, event.target);\r\n }\r\n }\r\n }\r\n } else if (gesture == DOUBLE_TAP) {\r\n if (phase === PHASE_CANCEL || phase === PHASE_END) {\r\n clearTimeout(singleTapTimeout);\r\n clearTimeout(holdTimeout);\r\n doubleTapStartTime = null;\r\n $element.trigger('doubletap', [event.target]);\r\n\r\n if (options.doubleTap) {\r\n ret = options.doubleTap.call($element, event, event.target);\r\n }\r\n }\r\n } else if (gesture == LONG_TAP) {\r\n if (phase === PHASE_CANCEL || phase === PHASE_END) {\r\n clearTimeout(singleTapTimeout);\r\n doubleTapStartTime = null;\r\n\r\n $element.trigger('longtap', [event.target]);\r\n if (options.longTap) {\r\n ret = options.longTap.call($element, event, event.target);\r\n }\r\n }\r\n }\r\n\r\n return ret;\r\n }\r\n\r\n\r\n //\r\n // GESTURE VALIDATION\r\n //\r\n\r\n /**\r\n * Checks the user has swipe far enough\r\n * @return Boolean if threshold has been set, return true if the threshold was met, else false.\r\n * If no threshold was set, then we return true.\r\n * @inner\r\n */\r\n function validateSwipeDistance() {\r\n var valid = true;\r\n //If we made it past the min swipe distance..\r\n if (options.threshold !== null) {\r\n valid = distance >= options.threshold;\r\n }\r\n\r\n return valid;\r\n }\r\n\r\n /**\r\n * Checks the user has swiped back to cancel.\r\n * @return Boolean if cancelThreshold has been set, return true if the cancelThreshold was met, else false.\r\n * If no cancelThreshold was set, then we return true.\r\n * @inner\r\n */\r\n function didSwipeBackToCancel() {\r\n var cancelled = false;\r\n if (options.cancelThreshold !== null && direction !== null) {\r\n cancelled = (getMaxDistance(direction) - distance) >= options.cancelThreshold;\r\n }\r\n\r\n return cancelled;\r\n }\r\n\r\n /**\r\n * Checks the user has pinched far enough\r\n * @return Boolean if pinchThreshold has been set, return true if the threshold was met, else false.\r\n * If no threshold was set, then we return true.\r\n * @inner\r\n */\r\n function validatePinchDistance() {\r\n if (options.pinchThreshold !== null) {\r\n return pinchDistance >= options.pinchThreshold;\r\n }\r\n return true;\r\n }\r\n\r\n /**\r\n * Checks that the time taken to swipe meets the minimum / maximum requirements\r\n * @return Boolean\r\n * @inner\r\n */\r\n function validateSwipeTime() {\r\n var result;\r\n //If no time set, then return true\r\n if (options.maxTimeThreshold) {\r\n if (duration >= options.maxTimeThreshold) {\r\n result = false;\r\n } else {\r\n result = true;\r\n }\r\n } else {\r\n result = true;\r\n }\r\n\r\n return result;\r\n }\r\n\r\n\r\n /**\r\n * Checks direction of the swipe and the value allowPageScroll to see if we should allow or prevent the default behaviour from occurring.\r\n * This will essentially allow page scrolling or not when the user is swiping on a touchSwipe object.\r\n * @param {object} jqEvent The normalised jQuery representation of the event object.\r\n * @param {string} direction The direction of the event. See {@link $.fn.swipe.directions}\r\n * @see $.fn.swipe.directions\r\n * @inner\r\n */\r\n function validateDefaultEvent(jqEvent, direction) {\r\n\r\n //If the option is set, allways allow the event to bubble up (let user handle weirdness)\r\n if (options.preventDefaultEvents === false) {\r\n return;\r\n }\r\n\r\n if (options.allowPageScroll === NONE) {\r\n jqEvent.preventDefault();\r\n } else {\r\n var auto = options.allowPageScroll === AUTO;\r\n\r\n switch (direction) {\r\n case LEFT:\r\n if ((options.swipeLeft && auto) || (!auto && options.allowPageScroll != HORIZONTAL)) {\r\n jqEvent.preventDefault();\r\n }\r\n break;\r\n\r\n case RIGHT:\r\n if ((options.swipeRight && auto) || (!auto && options.allowPageScroll != HORIZONTAL)) {\r\n jqEvent.preventDefault();\r\n }\r\n break;\r\n\r\n case UP:\r\n if ((options.swipeUp && auto) || (!auto && options.allowPageScroll != VERTICAL)) {\r\n jqEvent.preventDefault();\r\n }\r\n break;\r\n\r\n case DOWN:\r\n if ((options.swipeDown && auto) || (!auto && options.allowPageScroll != VERTICAL)) {\r\n jqEvent.preventDefault();\r\n }\r\n break;\r\n\r\n case NONE:\r\n\r\n break;\r\n }\r\n }\r\n }\r\n\r\n\r\n // PINCHES\r\n /**\r\n * Returns true of the current pinch meets the thresholds\r\n * @return Boolean\r\n * @inner\r\n */\r\n function validatePinch() {\r\n var hasCorrectFingerCount = validateFingers();\r\n var hasEndPoint = validateEndPoint();\r\n var hasCorrectDistance = validatePinchDistance();\r\n return hasCorrectFingerCount && hasEndPoint && hasCorrectDistance;\r\n\r\n }\r\n\r\n /**\r\n * Returns true if any Pinch events have been registered\r\n * @return Boolean\r\n * @inner\r\n */\r\n function hasPinches() {\r\n //Enure we dont return 0 or null for false values\r\n return !!(options.pinchStatus || options.pinchIn || options.pinchOut);\r\n }\r\n\r\n /**\r\n * Returns true if we are detecting pinches, and have one\r\n * @return Boolean\r\n * @inner\r\n */\r\n function didPinch() {\r\n //Enure we dont return 0 or null for false values\r\n return !!(validatePinch() && hasPinches());\r\n }\r\n\r\n\r\n\r\n\r\n // SWIPES\r\n /**\r\n * Returns true if the current swipe meets the thresholds\r\n * @return Boolean\r\n * @inner\r\n */\r\n function validateSwipe() {\r\n //Check validity of swipe\r\n var hasValidTime = validateSwipeTime();\r\n var hasValidDistance = validateSwipeDistance();\r\n var hasCorrectFingerCount = validateFingers();\r\n var hasEndPoint = validateEndPoint();\r\n var didCancel = didSwipeBackToCancel();\r\n\r\n // if the user swiped more than the minimum length, perform the appropriate action\r\n // hasValidDistance is null when no distance is set\r\n var valid = !didCancel && hasEndPoint && hasCorrectFingerCount && hasValidDistance && hasValidTime;\r\n\r\n return valid;\r\n }\r\n\r\n /**\r\n * Returns true if any Swipe events have been registered\r\n * @return Boolean\r\n * @inner\r\n */\r\n function hasSwipes() {\r\n //Enure we dont return 0 or null for false values\r\n return !!(options.swipe || options.swipeStatus || options.swipeLeft || options.swipeRight || options.swipeUp || options.swipeDown);\r\n }\r\n\r\n\r\n /**\r\n * Returns true if we are detecting swipes and have one\r\n * @return Boolean\r\n * @inner\r\n */\r\n function didSwipe() {\r\n //Enure we dont return 0 or null for false values\r\n return !!(validateSwipe() && hasSwipes());\r\n }\r\n\r\n /**\r\n * Returns true if we have matched the number of fingers we are looking for\r\n * @return Boolean\r\n * @inner\r\n */\r\n function validateFingers() {\r\n //The number of fingers we want were matched, or on desktop we ignore\r\n return ((fingerCount === options.fingers || options.fingers === ALL_FINGERS) || !SUPPORTS_TOUCH);\r\n }\r\n\r\n /**\r\n * Returns true if we have an end point for the swipe\r\n * @return Boolean\r\n * @inner\r\n */\r\n function validateEndPoint() {\r\n //We have an end value for the finger\r\n return fingerData[0].end.x !== 0;\r\n }\r\n\r\n // TAP / CLICK\r\n /**\r\n * Returns true if a click / tap events have been registered\r\n * @return Boolean\r\n * @inner\r\n */\r\n function hasTap() {\r\n //Enure we dont return 0 or null for false values\r\n return !!(options.tap);\r\n }\r\n\r\n /**\r\n * Returns true if a double tap events have been registered\r\n * @return Boolean\r\n * @inner\r\n */\r\n function hasDoubleTap() {\r\n //Enure we dont return 0 or null for false values\r\n return !!(options.doubleTap);\r\n }\r\n\r\n /**\r\n * Returns true if any long tap events have been registered\r\n * @return Boolean\r\n * @inner\r\n */\r\n function hasLongTap() {\r\n //Enure we dont return 0 or null for false values\r\n return !!(options.longTap);\r\n }\r\n\r\n /**\r\n * Returns true if we could be in the process of a double tap (one tap has occurred, we are listening for double taps, and the threshold hasn't past.\r\n * @return Boolean\r\n * @inner\r\n */\r\n function validateDoubleTap() {\r\n if (doubleTapStartTime == null) {\r\n return false;\r\n }\r\n var now = getTimeStamp();\r\n return (hasDoubleTap() && ((now - doubleTapStartTime) <= options.doubleTapThreshold));\r\n }\r\n\r\n /**\r\n * Returns true if we could be in the process of a double tap (one tap has occurred, we are listening for double taps, and the threshold hasn't past.\r\n * @return Boolean\r\n * @inner\r\n */\r\n function inDoubleTap() {\r\n return validateDoubleTap();\r\n }\r\n\r\n\r\n /**\r\n * Returns true if we have a valid tap\r\n * @return Boolean\r\n * @inner\r\n */\r\n function validateTap() {\r\n return ((fingerCount === 1 || !SUPPORTS_TOUCH) && (isNaN(distance) || distance < options.threshold));\r\n }\r\n\r\n /**\r\n * Returns true if we have a valid long tap\r\n * @return Boolean\r\n * @inner\r\n */\r\n function validateLongTap() {\r\n //slight threshold on moving finger\r\n return ((duration > options.longTapThreshold) && (distance < DOUBLE_TAP_THRESHOLD));\r\n }\r\n\r\n /**\r\n * Returns true if we are detecting taps and have one\r\n * @return Boolean\r\n * @inner\r\n */\r\n function didTap() {\r\n //Enure we dont return 0 or null for false values\r\n return !!(validateTap() && hasTap());\r\n }\r\n\r\n\r\n /**\r\n * Returns true if we are detecting double taps and have one\r\n * @return Boolean\r\n * @inner\r\n */\r\n function didDoubleTap() {\r\n //Enure we dont return 0 or null for false values\r\n return !!(validateDoubleTap() && hasDoubleTap());\r\n }\r\n\r\n /**\r\n * Returns true if we are detecting long taps and have one\r\n * @return Boolean\r\n * @inner\r\n */\r\n function didLongTap() {\r\n //Enure we dont return 0 or null for false values\r\n return !!(validateLongTap() && hasLongTap());\r\n }\r\n\r\n\r\n\r\n\r\n // MULTI FINGER TOUCH\r\n /**\r\n * Starts tracking the time between 2 finger releases, and keeps track of how many fingers we initially had up\r\n * @inner\r\n */\r\n function startMultiFingerRelease(event) {\r\n previousTouchEndTime = getTimeStamp();\r\n fingerCountAtRelease = event.touches.length + 1;\r\n }\r\n\r\n /**\r\n * Cancels the tracking of time between 2 finger releases, and resets counters\r\n * @inner\r\n */\r\n function cancelMultiFingerRelease() {\r\n previousTouchEndTime = 0;\r\n fingerCountAtRelease = 0;\r\n }\r\n\r\n /**\r\n * Checks if we are in the threshold between 2 fingers being released\r\n * @return Boolean\r\n * @inner\r\n */\r\n function inMultiFingerRelease() {\r\n\r\n var withinThreshold = false;\r\n\r\n if (previousTouchEndTime) {\r\n var diff = getTimeStamp() - previousTouchEndTime\r\n if (diff <= options.fingerReleaseThreshold) {\r\n withinThreshold = true;\r\n }\r\n }\r\n\r\n return withinThreshold;\r\n }\r\n\r\n\r\n /**\r\n * gets a data flag to indicate that a touch is in progress\r\n * @return Boolean\r\n * @inner\r\n */\r\n function getTouchInProgress() {\r\n //strict equality to ensure only true and false are returned\r\n return !!($element.data(PLUGIN_NS + '_intouch') === true);\r\n }\r\n\r\n /**\r\n * Sets a data flag to indicate that a touch is in progress\r\n * @param {boolean} val The value to set the property to\r\n * @inner\r\n */\r\n function setTouchInProgress(val) {\r\n\r\n //If destroy is called in an event handler, we have no el, and we have already cleaned up, so return.\r\n if (!$element) { return; }\r\n\r\n //Add or remove event listeners depending on touch status\r\n if (val === true) {\r\n $element.bind(MOVE_EV, touchMove);\r\n $element.bind(END_EV, touchEnd);\r\n\r\n //we only have leave events on desktop, we manually calcuate leave on touch as its not supported in webkit\r\n if (LEAVE_EV) {\r\n $element.bind(LEAVE_EV, touchLeave);\r\n }\r\n } else {\r\n\r\n $element.unbind(MOVE_EV, touchMove, false);\r\n $element.unbind(END_EV, touchEnd, false);\r\n\r\n //we only have leave events on desktop, we manually calcuate leave on touch as its not supported in webkit\r\n if (LEAVE_EV) {\r\n $element.unbind(LEAVE_EV, touchLeave, false);\r\n }\r\n }\r\n\r\n\r\n //strict equality to ensure only true and false can update the value\r\n $element.data(PLUGIN_NS + '_intouch', val === true);\r\n }\r\n\r\n\r\n /**\r\n * Creates the finger data for the touch/finger in the event object.\r\n * @param {int} id The id to store the finger data under (usually the order the fingers were pressed)\r\n * @param {object} evt The event object containing finger data\r\n * @return finger data object\r\n * @inner\r\n */\r\n function createFingerData(id, evt) {\r\n var f = {\r\n start: {\r\n x: 0,\r\n y: 0\r\n },\r\n last: {\r\n x: 0,\r\n y: 0\r\n },\r\n end: {\r\n x: 0,\r\n y: 0\r\n }\r\n };\r\n f.start.x = f.last.x = f.end.x = evt.pageX || evt.clientX;\r\n f.start.y = f.last.y = f.end.y = evt.pageY || evt.clientY;\r\n fingerData[id] = f;\r\n return f;\r\n }\r\n\r\n /**\r\n * Updates the finger data for a particular event object\r\n * @param {object} evt The event object containing the touch/finger data to upadte\r\n * @return a finger data object.\r\n * @inner\r\n */\r\n function updateFingerData(evt) {\r\n var id = evt.identifier !== undefined ? evt.identifier : 0;\r\n var f = getFingerData(id);\r\n\r\n if (f === null) {\r\n f = createFingerData(id, evt);\r\n }\r\n\r\n f.last.x = f.end.x;\r\n f.last.y = f.end.y;\r\n\r\n f.end.x = evt.pageX || evt.clientX;\r\n f.end.y = evt.pageY || evt.clientY;\r\n\r\n return f;\r\n }\r\n\r\n /**\r\n * Returns a finger data object by its event ID.\r\n * Each touch event has an identifier property, which is used\r\n * to track repeat touches\r\n * @param {int} id The unique id of the finger in the sequence of touch events.\r\n * @return a finger data object.\r\n * @inner\r\n */\r\n function getFingerData(id) {\r\n return fingerData[id] || null;\r\n }\r\n\r\n\r\n /**\r\n * Sets the maximum distance swiped in the given direction.\r\n * If the new value is lower than the current value, the max value is not changed.\r\n * @param {string} direction The direction of the swipe\r\n * @param {int} distance The distance of the swipe\r\n * @inner\r\n */\r\n function setMaxDistance(direction, distance) {\r\n if (direction == NONE) return;\r\n distance = Math.max(distance, getMaxDistance(direction));\r\n maximumsMap[direction].distance = distance;\r\n }\r\n\r\n /**\r\n * gets the maximum distance swiped in the given direction.\r\n * @param {string} direction The direction of the swipe\r\n * @return int The distance of the swipe\r\n * @inner\r\n */\r\n function getMaxDistance(direction) {\r\n if (maximumsMap[direction]) return maximumsMap[direction].distance;\r\n return undefined;\r\n }\r\n\r\n /**\r\n * Creats a map of directions to maximum swiped values.\r\n * @return Object A dictionary of maximum values, indexed by direction.\r\n * @inner\r\n */\r\n function createMaximumsData() {\r\n var maxData = {};\r\n maxData[LEFT] = createMaximumVO(LEFT);\r\n maxData[RIGHT] = createMaximumVO(RIGHT);\r\n maxData[UP] = createMaximumVO(UP);\r\n maxData[DOWN] = createMaximumVO(DOWN);\r\n\r\n return maxData;\r\n }\r\n\r\n /**\r\n * Creates a map maximum swiped values for a given swipe direction\r\n * @param {string} The direction that these values will be associated with\r\n * @return Object Maximum values\r\n * @inner\r\n */\r\n function createMaximumVO(dir) {\r\n return {\r\n direction: dir,\r\n distance: 0\r\n }\r\n }\r\n\r\n\r\n //\r\n // MATHS / UTILS\r\n //\r\n\r\n /**\r\n * Calculate the duration of the swipe\r\n * @return int\r\n * @inner\r\n */\r\n function calculateDuration() {\r\n return endTime - startTime;\r\n }\r\n\r\n /**\r\n * Calculate the distance between 2 touches (pinch)\r\n * @param {point} startPoint A point object containing x and y co-ordinates\r\n * @param {point} endPoint A point object containing x and y co-ordinates\r\n * @return int;\r\n * @inner\r\n */\r\n function calculateTouchesDistance(startPoint, endPoint) {\r\n var diffX = Math.abs(startPoint.x - endPoint.x);\r\n var diffY = Math.abs(startPoint.y - endPoint.y);\r\n\r\n return Math.round(Math.sqrt(diffX * diffX + diffY * diffY));\r\n }\r\n\r\n /**\r\n * Calculate the zoom factor between the start and end distances\r\n * @param {int} startDistance Distance (between 2 fingers) the user started pinching at\r\n * @param {int} endDistance Distance (between 2 fingers) the user ended pinching at\r\n * @return float The zoom value from 0 to 1.\r\n * @inner\r\n */\r\n function calculatePinchZoom(startDistance, endDistance) {\r\n var percent = (endDistance / startDistance) * 1;\r\n return percent.toFixed(2);\r\n }\r\n\r\n\r\n /**\r\n * Returns the pinch direction, either IN or OUT for the given points\r\n * @return string Either {@link $.fn.swipe.directions.IN} or {@link $.fn.swipe.directions.OUT}\r\n * @see $.fn.swipe.directions\r\n * @inner\r\n */\r\n function calculatePinchDirection() {\r\n if (pinchZoom < 1) {\r\n return OUT;\r\n } else {\r\n return IN;\r\n }\r\n }\r\n\r\n\r\n /**\r\n * Calculate the length / distance of the swipe\r\n * @param {point} startPoint A point object containing x and y co-ordinates\r\n * @param {point} endPoint A point object containing x and y co-ordinates\r\n * @return int\r\n * @inner\r\n */\r\n function calculateDistance(startPoint, endPoint) {\r\n return Math.round(Math.sqrt(Math.pow(endPoint.x - startPoint.x, 2) + Math.pow(endPoint.y - startPoint.y, 2)));\r\n }\r\n\r\n /**\r\n * Calculate the angle of the swipe\r\n * @param {point} startPoint A point object containing x and y co-ordinates\r\n * @param {point} endPoint A point object containing x and y co-ordinates\r\n * @return int\r\n * @inner\r\n */\r\n function calculateAngle(startPoint, endPoint) {\r\n var x = startPoint.x - endPoint.x;\r\n var y = endPoint.y - startPoint.y;\r\n var r = Math.atan2(y, x); //radians\r\n var angle = Math.round(r * 180 / Math.PI); //degrees\r\n\r\n //ensure value is positive\r\n if (angle < 0) {\r\n angle = 360 - Math.abs(angle);\r\n }\r\n\r\n return angle;\r\n }\r\n\r\n /**\r\n * Calculate the direction of the swipe\r\n * This will also call calculateAngle to get the latest angle of swipe\r\n * @param {point} startPoint A point object containing x and y co-ordinates\r\n * @param {point} endPoint A point object containing x and y co-ordinates\r\n * @return string Either {@link $.fn.swipe.directions.LEFT} / {@link $.fn.swipe.directions.RIGHT} / {@link $.fn.swipe.directions.DOWN} / {@link $.fn.swipe.directions.UP}\r\n * @see $.fn.swipe.directions\r\n * @inner\r\n */\r\n function calculateDirection(startPoint, endPoint) {\r\n\r\n if (comparePoints(startPoint, endPoint)) {\r\n return NONE;\r\n }\r\n\r\n var angle = calculateAngle(startPoint, endPoint);\r\n\r\n if ((angle <= 45) && (angle >= 0)) {\r\n return LEFT;\r\n } else if ((angle <= 360) && (angle >= 315)) {\r\n return LEFT;\r\n } else if ((angle >= 135) && (angle <= 225)) {\r\n return RIGHT;\r\n } else if ((angle > 45) && (angle < 135)) {\r\n return DOWN;\r\n } else {\r\n return UP;\r\n }\r\n }\r\n\r\n\r\n /**\r\n * Returns a MS time stamp of the current time\r\n * @return int\r\n * @inner\r\n */\r\n function getTimeStamp() {\r\n var now = new Date();\r\n return now.getTime();\r\n }\r\n\r\n\r\n\r\n /**\r\n * Returns a bounds object with left, right, top and bottom properties for the element specified.\r\n * @param {DomNode} The DOM node to get the bounds for.\r\n */\r\n function getbounds(el) {\r\n el = $(el);\r\n var offset = el.offset();\r\n\r\n var bounds = {\r\n left: offset.left,\r\n right: offset.left + el.outerWidth(),\r\n top: offset.top,\r\n bottom: offset.top + el.outerHeight()\r\n }\r\n\r\n return bounds;\r\n }\r\n\r\n\r\n /**\r\n * Checks if the point object is in the bounds object.\r\n * @param {object} point A point object.\r\n * @param {int} point.x The x value of the point.\r\n * @param {int} point.y The x value of the point.\r\n * @param {object} bounds The bounds object to test\r\n * @param {int} bounds.left The leftmost value\r\n * @param {int} bounds.right The righttmost value\r\n * @param {int} bounds.top The topmost value\r\n * @param {int} bounds.bottom The bottommost value\r\n */\r\n function isInBounds(point, bounds) {\r\n return (point.x > bounds.left && point.x < bounds.right && point.y > bounds.top && point.y < bounds.bottom);\r\n };\r\n\r\n /**\r\n * Checks if the two points are equal\r\n * @param {object} point A point object.\r\n * @param {object} point B point object.\r\n * @return true of the points match\r\n */\r\n function comparePoints(pointA, pointB) {\r\n return (pointA.x == pointB.x && pointA.y == pointB.y);\r\n }\r\n\r\n\r\n }\r\n\r\n\r\n\r\n\r\n /**\r\n * A catch all handler that is triggered for all swipe directions.\r\n * @name $.fn.swipe#swipe\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {int} direction The direction the user swiped in. See {@link $.fn.swipe.directions}\r\n * @param {int} distance The distance the user swiped\r\n * @param {int} duration The duration of the swipe in milliseconds\r\n * @param {int} fingerCount The number of fingers used. See {@link $.fn.swipe.fingers}\r\n * @param {object} fingerData The coordinates of fingers in event\r\n * @param {string} currentDirection The current direction the user is swiping.\r\n */\r\n\r\n\r\n\r\n\r\n /**\r\n * A handler that is triggered for \"left\" swipes.\r\n * @name $.fn.swipe#swipeLeft\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {int} direction The direction the user swiped in. See {@link $.fn.swipe.directions}\r\n * @param {int} distance The distance the user swiped\r\n * @param {int} duration The duration of the swipe in milliseconds\r\n * @param {int} fingerCount The number of fingers used. See {@link $.fn.swipe.fingers}\r\n * @param {object} fingerData The coordinates of fingers in event\r\n * @param {string} currentDirection The current direction the user is swiping.\r\n */\r\n\r\n /**\r\n * A handler that is triggered for \"right\" swipes.\r\n * @name $.fn.swipe#swipeRight\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {int} direction The direction the user swiped in. See {@link $.fn.swipe.directions}\r\n * @param {int} distance The distance the user swiped\r\n * @param {int} duration The duration of the swipe in milliseconds\r\n * @param {int} fingerCount The number of fingers used. See {@link $.fn.swipe.fingers}\r\n * @param {object} fingerData The coordinates of fingers in event\r\n * @param {string} currentDirection The current direction the user is swiping.\r\n */\r\n\r\n /**\r\n * A handler that is triggered for \"up\" swipes.\r\n * @name $.fn.swipe#swipeUp\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {int} direction The direction the user swiped in. See {@link $.fn.swipe.directions}\r\n * @param {int} distance The distance the user swiped\r\n * @param {int} duration The duration of the swipe in milliseconds\r\n * @param {int} fingerCount The number of fingers used. See {@link $.fn.swipe.fingers}\r\n * @param {object} fingerData The coordinates of fingers in event\r\n * @param {string} currentDirection The current direction the user is swiping.\r\n */\r\n\r\n /**\r\n * A handler that is triggered for \"down\" swipes.\r\n * @name $.fn.swipe#swipeDown\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {int} direction The direction the user swiped in. See {@link $.fn.swipe.directions}\r\n * @param {int} distance The distance the user swiped\r\n * @param {int} duration The duration of the swipe in milliseconds\r\n * @param {int} fingerCount The number of fingers used. See {@link $.fn.swipe.fingers}\r\n * @param {object} fingerData The coordinates of fingers in event\r\n * @param {string} currentDirection The current direction the user is swiping.\r\n */\r\n\r\n /**\r\n * A handler triggered for every phase of the swipe. This handler is constantly fired for the duration of the pinch.\r\n * This is triggered regardless of swipe thresholds.\r\n * @name $.fn.swipe#swipeStatus\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {string} phase The phase of the swipe event. See {@link $.fn.swipe.phases}\r\n * @param {string} direction The direction the user swiped in. This is null if the user has yet to move. See {@link $.fn.swipe.directions}\r\n * @param {int} distance The distance the user swiped. This is 0 if the user has yet to move.\r\n * @param {int} duration The duration of the swipe in milliseconds\r\n * @param {int} fingerCount The number of fingers used. See {@link $.fn.swipe.fingers}\r\n * @param {object} fingerData The coordinates of fingers in event\r\n * @param {string} currentDirection The current direction the user is swiping.\r\n */\r\n\r\n /**\r\n * A handler triggered for pinch in events.\r\n * @name $.fn.swipe#pinchIn\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {int} direction The direction the user pinched in. See {@link $.fn.swipe.directions}\r\n * @param {int} distance The distance the user pinched\r\n * @param {int} duration The duration of the swipe in milliseconds\r\n * @param {int} fingerCount The number of fingers used. See {@link $.fn.swipe.fingers}\r\n * @param {int} zoom The zoom/scale level the user pinched too, 0-1.\r\n * @param {object} fingerData The coordinates of fingers in event\r\n */\r\n\r\n /**\r\n * A handler triggered for pinch out events.\r\n * @name $.fn.swipe#pinchOut\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {int} direction The direction the user pinched in. See {@link $.fn.swipe.directions}\r\n * @param {int} distance The distance the user pinched\r\n * @param {int} duration The duration of the swipe in milliseconds\r\n * @param {int} fingerCount The number of fingers used. See {@link $.fn.swipe.fingers}\r\n * @param {int} zoom The zoom/scale level the user pinched too, 0-1.\r\n * @param {object} fingerData The coordinates of fingers in event\r\n */\r\n\r\n /**\r\n * A handler triggered for all pinch events. This handler is constantly fired for the duration of the pinch. This is triggered regardless of thresholds.\r\n * @name $.fn.swipe#pinchStatus\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {int} direction The direction the user pinched in. See {@link $.fn.swipe.directions}\r\n * @param {int} distance The distance the user pinched\r\n * @param {int} duration The duration of the swipe in milliseconds\r\n * @param {int} fingerCount The number of fingers used. See {@link $.fn.swipe.fingers}\r\n * @param {int} zoom The zoom/scale level the user pinched too, 0-1.\r\n * @param {object} fingerData The coordinates of fingers in event\r\n */\r\n\r\n /**\r\n * A click handler triggered when a user simply clicks, rather than swipes on an element.\r\n * This is deprecated since version 1.6.2, any assignment to click will be assigned to the tap handler.\r\n * You cannot use on to bind to this event as the default jQ click event will be triggered.\r\n * Use the tap event instead.\r\n * @name $.fn.swipe#click\r\n * @event\r\n * @deprecated since version 1.6.2, please use {@link $.fn.swipe#tap} instead\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {DomObject} target The element clicked on.\r\n */\r\n\r\n /**\r\n * A click / tap handler triggered when a user simply clicks or taps, rather than swipes on an element.\r\n * @name $.fn.swipe#tap\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {DomObject} target The element clicked on.\r\n */\r\n\r\n /**\r\n * A double tap handler triggered when a user double clicks or taps on an element.\r\n * You can set the time delay for a double tap with the {@link $.fn.swipe.defaults#doubleTapThreshold} property.\r\n * Note: If you set both doubleTap and tap handlers, the tap event will be delayed by the doubleTapThreshold\r\n * as the script needs to check if its a double tap.\r\n * @name $.fn.swipe#doubleTap\r\n * @see $.fn.swipe.defaults#doubleTapThreshold\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {DomObject} target The element clicked on.\r\n */\r\n\r\n /**\r\n * A long tap handler triggered once a tap has been release if the tap was longer than the longTapThreshold.\r\n * You can set the time delay for a long tap with the {@link $.fn.swipe.defaults#longTapThreshold} property.\r\n * @name $.fn.swipe#longTap\r\n * @see $.fn.swipe.defaults#longTapThreshold\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {DomObject} target The element clicked on.\r\n */\r\n\r\n /**\r\n * A hold tap handler triggered as soon as the longTapThreshold is reached\r\n * You can set the time delay for a long tap with the {@link $.fn.swipe.defaults#longTapThreshold} property.\r\n * @name $.fn.swipe#hold\r\n * @see $.fn.swipe.defaults#longTapThreshold\r\n * @event\r\n * @default null\r\n * @param {EventObject} event The original event object\r\n * @param {DomObject} target The element clicked on.\r\n */\r\n\r\n}));\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n/*!\r\n\t* Lightbox v2.9.0\r\n\t* by Lokesh Dhakar\r\n\t*\r\n\t* More info:\r\n\t* http://lokeshdhakar.com/projects/lightbox2/\r\n\t*\r\n\t* Copyright 2007, 2015 Lokesh Dhakar\r\n\t* Released under the MIT license\r\n\t* https://github.com/lokesh/lightbox2/blob/master/LICENSE\r\n\t*\r\n\t* @preserve\r\n*/\r\n\r\n\r\n\r\n// Uses Node, AMD or browser globals to create a module.\r\n(function (root, factory) {\r\n if (typeof define === 'function' && define.amd) {\r\n // AMD. Register as an anonymous module.\r\n define(['jquery'], factory);\r\n } else if (typeof exports === 'object') {\r\n // Node. Does not work with strict CommonJS, but\r\n // only CommonJS-like environments that support module.exports,\r\n // like Node.\r\n module.exports = factory(require('jquery'));\r\n } else {\r\n // Browser globals (root is window)\r\n root.lightbox = factory(root.jQuery);\r\n }\r\n}(this, function ($) {\r\n\r\n function Lightbox(options) {\r\n this.album = [];\r\n this.currentImageIndex = void 0;\r\n this.init();\r\n\r\n // options\r\n this.options = $.extend({}, this.constructor.defaults);\r\n this.option(options);\r\n }\r\n\r\n // Descriptions of all options available on the demo site:\r\n // http://lokeshdhakar.com/projects/lightbox2/index.html#options\r\n Lightbox.defaults = {\r\n albumLabel: ' (%1 of %2) ',\r\n imageFadeDuration: 300\r\n };\r\n\r\n Lightbox.prototype.option = function (options) {\r\n $.extend(this.options, options);\r\n };\r\n\r\n Lightbox.prototype.imageCountLabel = function (currentImageNum, totalImages) {\r\n return this.options.albumLabel.replace(/%1/g, currentImageNum).replace(/%2/g, totalImages);\r\n };\r\n\r\n Lightbox.prototype.init = function () {\r\n var self = this;\r\n // Both enable and build methods require the body tag to be in the DOM.\r\n $(document).ready(function () {\r\n self.enable();\r\n self.build();\r\n });\r\n };\r\n\r\n // Loop through anchors and areamaps looking for either data-lightbox attributes or rel attributes\r\n // that contain 'lightbox'. When these are clicked, start lightbox.\r\n Lightbox.prototype.enable = function () {\r\n var self = this;\r\n $('body').on('click', 'a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]', function (event) {\r\n self.start($(event.currentTarget));\r\n return false;\r\n });\r\n };\r\n\r\n // Build html for the lightbox and the overlay.\r\n // Attach event handlers to the new DOM elements. click click click\r\n Lightbox.prototype.build = function () {\r\n var self = this;\r\n\r\n $('').appendTo($('body'));\r\n\r\n\r\n\r\n\r\n // Cache jQuery objects\r\n this.$background = $('#lightboxBackground');\r\n this.$loading = this.$background.find('.lb-loadingWrapper');\r\n this.$lightbox = $('#lightbox');\r\n this.$container = this.$lightbox.find('.lb-container');\r\n this.$image = this.$lightbox.find('.lb-image');\r\n\r\n\r\n // Attach event handlers to the newly minted DOM elements\r\n this.$background.hide().on('click', function () {\r\n self.end();\r\n return false;\r\n });\r\n\r\n this.$lightbox.hide().on('click', function (event) {\r\n if ($(event.target).attr('id') === 'lightbox') {\r\n self.end();\r\n }\r\n return false;\r\n });\r\n\r\n\r\n this.$lightbox.find('.lb-prev').on('click', function () {\r\n if (self.currentImageIndex === 0) {\r\n self.hideImage(self.album.length - 1);\r\n } else {\r\n self.hideImage(self.currentImageIndex - 1);\r\n }\r\n return false;\r\n });\r\n\r\n this.$lightbox.find('.lb-next').on('click', function () {\r\n if (self.currentImageIndex === self.album.length - 1) {\r\n self.hideImage(0);\r\n } else {\r\n self.hideImage(self.currentImageIndex + 1);\r\n }\r\n return false;\r\n });\r\n\r\n\r\n //add swipe support (added by phil 18th july 2018)\r\n // add swipe support\r\n $('#lightbox').swipe({\r\n swipeLeft: function (event, direction, distance, duration, fingerCount) {\r\n $('#lightbox a.lb-next').trigger('click');\r\n },\r\n swipeRight: function (event, direction, distance, duration, fingerCount) {\r\n $('#lightbox a.lb-prev').trigger('click');\r\n }\r\n });\r\n\r\n\r\n this.$lightbox.find('.lb-loader, .lb-close').on('click', function () {\r\n self.end();\r\n return false;\r\n });\r\n };\r\n\r\n // Show overlay and lightbox. If the image is part of a set, add siblings to album array.\r\n Lightbox.prototype.start = function ($link) {\r\n var self = this;\r\n var $window = $(window);\r\n\r\n\r\n this.album = [];\r\n var imageNumber = 0;\r\n\r\n function addToAlbum($link) {\r\n self.album.push({\r\n // link: $link.attr('href'),\r\n link: getHrefOfImage($link),\r\n title: $link.attr('data-title') || $link.attr('title')\r\n });\r\n }\r\n\r\n function getHrefOfImage($link) {\r\n\r\n if (window.innerHeight > window.innerWidth) {\r\n\r\n // is portrait\r\n if ($link.attr('data-lightbox-portrait-option')) {\r\n return $link.attr('data-lightbox-portrait-option');\r\n } else {\r\n //default landscape option\r\n return $link.attr('href');\r\n }\r\n\r\n } else {\r\n // is landscape - default option\t\t\t\t\r\n return $link.attr('href');\r\n }\r\n }\r\n\r\n // Support both data-lightbox attribute and rel attribute implementations\r\n var dataLightboxValue = $link.attr('data-lightbox');\r\n var $links;\r\n\r\n if (dataLightboxValue) {\r\n $links = $($link.prop('tagName') + '[data-lightbox=\"' + dataLightboxValue + '\"]');\r\n for (var i = 0; i < $links.length; i = ++i) {\r\n addToAlbum($($links[i]));\r\n if ($links[i] === $link[0]) {\r\n imageNumber = i;\r\n }\r\n }\r\n } else {\r\n if ($link.attr('rel') === 'lightbox') {\r\n // If image is not part of a set\r\n addToAlbum($link);\r\n } else {\r\n // If image is part of a set\r\n $links = $($link.prop('tagName') + '[rel=\"' + $link.attr('rel') + '\"]');\r\n for (var j = 0; j < $links.length; j = ++j) {\r\n addToAlbum($($links[j]));\r\n if ($links[j] === $link[0]) {\r\n imageNumber = j;\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n this.$loading.show();\r\n\r\n this.$background.fadeIn(this.options.imageFadeDuration);\r\n\r\n this.changeImage(imageNumber);\r\n };\r\n\r\n // Hide then call change.\r\n Lightbox.prototype.hideImage = function (imageNumber) {\r\n var self = this;\r\n\r\n this.disableKeyboardNav();\r\n\r\n var obj = this;\r\n\r\n this.$lightbox.fadeOut(this.options.imageFadeDuration, function () {\r\n obj.changeImage(imageNumber)\r\n });\r\n\r\n };\r\n\r\n\r\n // change image, then call show\r\n Lightbox.prototype.changeImage = function (imageNumber) {\r\n\r\n var self = this;\r\n\r\n this.currentImageIndex = imageNumber;\r\n\r\n //update image overlays\r\n this.updateNav();\r\n this.updateDetails();\r\n\r\n this.preloadNeighboringImages();\r\n\r\n\r\n //Change Image\r\n var $image = this.$lightbox.find('.lb-image');\r\n $image.attr('src', self.album[imageNumber].link);\r\n\r\n\r\n //show loading. it will hide as soon as image is loaded\r\n this.$loading.delay(100).fadeIn(200);\r\n\r\n // \t\t\r\n var $objLightBox = this;\r\n var image = new Image();\r\n image.onload = function () {\r\n\r\n $objLightBox.$lightbox.removeClass('loadingError');\r\n $objLightBox.showImage();\r\n\r\n };\r\n\r\n //error loading image handler\r\n image.onerror = function () {\r\n\r\n if (window.aILogException)\r\n window.aILogException({\r\n exception: new Error(`Broken Image: ${image.src}`),\r\n properties: { 'href': window.location.href }\r\n });\r\n\r\n //Raven.captureException(new CustomizedError('Broken Image', \"src: \" + image.src));\r\n\r\n $objLightBox.$lightbox.addClass('loadingError');\r\n $objLightBox.showImage();\r\n\r\n };\r\n\r\n image.src = self.album[imageNumber].link;\r\n\r\n };\r\n\r\n\r\n //show the image\r\n Lightbox.prototype.showImage = function () {\r\n\r\n var self = this;\r\n\r\n //hide loader\r\n this.$loading.stop().hide();\r\n\r\n // fadein lightbox\r\n this.$lightbox.fadeIn(2 * this.options.imageFadeDuration);\r\n\r\n this.enableKeyboardNav();\r\n\r\n\r\n };\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n // Display previous and next navigation if appropriate.\r\n Lightbox.prototype.updateNav = function () {\r\n\r\n //hide nav buttons, then turn on if required\r\n this.$lightbox.find('.lb-prev, .lb-next').hide();\r\n\r\n if (this.album.length > 1) {\r\n if (this.currentImageIndex > 0) {\r\n this.$lightbox.find('.lb-prev').show();\r\n }\r\n if (this.currentImageIndex < this.album.length - 1) {\r\n this.$lightbox.find('.lb-next').show();\r\n }\r\n }\r\n };\r\n\r\n // Display caption, image number, and closing button.\r\n Lightbox.prototype.updateDetails = function () {\r\n var self = this;\r\n\r\n // Enable anchor clicks in the injected caption html.\r\n // Thanks Nate Wright for the fix. @https://github.com/NateWr\r\n if (typeof this.album[this.currentImageIndex].title !== 'undefined' &&\r\n this.album[this.currentImageIndex].title !== '') {\r\n var $caption = this.$lightbox.find('.lb-caption');\r\n $caption.html(this.album[this.currentImageIndex].title);\r\n\r\n $caption.fadeIn('fast')\r\n .find('a').on('click', function (event) {\r\n if ($(this).attr('target') !== undefined) {\r\n window.open($(this).attr('href'), $(this).attr('target'));\r\n } else {\r\n location.href = $(this).attr('href');\r\n }\r\n });\r\n }\r\n\r\n if (this.album.length > 1) {\r\n var labelText = this.imageCountLabel(this.currentImageIndex + 1, this.album.length);\r\n this.$lightbox.find('.lb-number').text(labelText).fadeIn('fast');\r\n } else {\r\n this.$lightbox.find('.lb-number').hide();\r\n }\r\n };\r\n\r\n\r\n // Preload previous and next images in set.\r\n Lightbox.prototype.preloadNeighboringImages = function () {\r\n if (this.album.length > this.currentImageIndex + 1) {\r\n var preloadNext = new Image();\r\n preloadNext.src = this.album[this.currentImageIndex + 1].link;\r\n }\r\n if (this.currentImageIndex > 0) {\r\n var preloadPrev = new Image();\r\n preloadPrev.src = this.album[this.currentImageIndex - 1].link;\r\n }\r\n };\r\n\r\n //Keyboard Nav\r\n Lightbox.prototype.enableKeyboardNav = function () {\r\n $(document).on('keyup.keyboard', $.proxy(this.keyboardAction, this));\r\n };\r\n\r\n Lightbox.prototype.disableKeyboardNav = function () {\r\n $(document).off('.keyboard');\r\n };\r\n\r\n Lightbox.prototype.keyboardAction = function (event) {\r\n var KEYCODE_ESC = 27;\r\n var KEYCODE_LEFTARROW = 37;\r\n var KEYCODE_RIGHTARROW = 39;\r\n\r\n var keycode = event.keyCode;\r\n var key = String.fromCharCode(keycode).toLowerCase();\r\n if (keycode === KEYCODE_ESC || key.match(/x|o|c/)) {\r\n this.end();\r\n } else if (key === 'p' || keycode === KEYCODE_LEFTARROW) {\r\n if (this.currentImageIndex !== 0) {\r\n this.hideImage(this.currentImageIndex - 1);\r\n } else if (this.options.wrapAround && this.album.length > 1) {\r\n this.hideImage(this.album.length - 1);\r\n }\r\n } else if (key === 'n' || keycode === KEYCODE_RIGHTARROW) {\r\n if (this.currentImageIndex !== this.album.length - 1) {\r\n this.hideImage(this.currentImageIndex + 1);\r\n } else if (this.options.wrapAround && this.album.length > 1) {\r\n this.hideImage(0);\r\n }\r\n }\r\n };\r\n\r\n // Closing time.\r\n Lightbox.prototype.end = function () {\r\n\r\n this.disableKeyboardNav();\r\n this.$loading.hide();\r\n this.$lightbox.fadeOut(this.options.imageFadeDuration);\r\n this.$background.fadeOut(this.options.imageFadeDuration);\r\n\r\n };\r\n\r\n return new Lightbox();\r\n}));\r\n\r\n\r\n\r\n $(document).ready(function () {\r\n modalSetup(document);\r\n\r\n // When the user clicks anywhere outside of the modal, close it - unless it's a holiday price modal on CLG\r\n window.onclick = function (event) {\r\n if (\r\n $(event.target).hasClass(\"modal\") &&\r\n !$(event.target).hasClass(\"holidayPriceModal\") &&\r\n !$(event.target).hasClass(\"bookingFormModal\")\r\n ) {\r\n closeModal($(event.target));\r\n }\r\n };\r\n\r\n // Listen for keydown event to close the modal when the Escape key is pressed\r\n $(document).keydown(function (event) {\r\n if (event.keyCode === 27) {\r\n // 27 is the code for the Escape key\r\n var openModal = $(\".modal:visible\"); // This will select the currently open modal if any\r\n closeModal(openModal);\r\n }\r\n });\r\n});\r\n\r\nfunction modalSetup(startingElement) {\r\n // When the user clicks on (x), close the modal\r\n $(startingElement)\r\n .find(\".modalClose\")\r\n .click(function () {\r\n closeModal($(this).closest(\".modal\"));\r\n });\r\n}\r\n\r\nfunction closeModal(modal) {\r\n //raise closing event\r\n $(modal).trigger(\"closingmodal\");\r\n\r\n // Remove the .active class from everything inside the modal\r\n $(modal).find(\".active\").removeClass(\"active\");\r\n\r\n // Set the display style to \"none\" for .toggle_container elements\r\n $(modal).find(\".toggle_container\").css(\"display\", \"none\");\r\n\r\n // Close the modal with a fade out effect\r\n $(modal).fadeOut();\r\n}\r\n\r\nfunction openModal(modalID, GATrackingType, trigger) {\r\n $(\"#\" + modalID)\r\n .fadeIn()\r\n .css(\"display\", \"grid\");\r\n\r\n // Check if trigger exists and adjust the modal padding accordingly\r\n if (trigger && $(trigger).closest(\".iframe\").length > 0) {\r\n var offsetVal = $(trigger).offset().top - 300;\r\n offsetVal = Math.max(20, offsetVal);\r\n $(\"#\" + modalID).css(\"padding-top\", offsetVal);\r\n }\r\n\r\n // Optional - track in google analytics.\r\n if (GATrackingType == null || GATrackingType == \"virtualPageView\") {\r\n if (typeof ga !== \"undefined\")\r\n ga(\"send\", \"pageview\", window.location.pathname + \"-ModalID:\" + modalID);\r\n } else if (GATrackingType == \"event\") {\r\n if (typeof ga !== \"undefined\")\r\n ga(\"send\", \"event\", \"modal\", \"modalOpen\", modalID);\r\n }\r\n}\r\n\r\n// Display message in a modal\r\nfunction displayMessageInModal(HTMLToDisplay) {\r\n // Remove old message modals\r\n $(\"#tempMessageModal\").remove();\r\n\r\n var modalHTML =\r\n '×';\r\n modalHTML += HTMLToDisplay;\r\n modalHTML += \"