').parent();\r\n\r\n _.$list = _.$slideTrack.wrap(\r\n '';\r\n }\r\n else {\r\n for (var i = 0; i < blogsCount; i++) {\r\n var blogUrlArray = blogs[i].Url.split('/');\r\n var blogUrl = \"/blog/\" + blogUrlArray[blogUrlArray.length - 1];\r\n\r\n var dateKey = MonthsList[new Date(blogs[i].BlogDate).getMonth()] + ' ' + new Date(blogs[i].BlogDate).getDate() + ', ' + new Date(blogs[i].BlogDate).getFullYear();\r\n blogsHtmlContent += '';\r\n //blog popup block start\r\n if (blogs[i].MediaType == '89C8EF1AEAC34A40BF93DCADF8A4805B') {\r\n blogsHtmlContent += '
').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 if (_.options.accessibility === true) {\r\n _.$dots.off('keydown.slick', _.keyHandler);\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 if (_.options.accessibility === true) {\r\n _.$prevArrow && _.$prevArrow.off('keydown.slick', _.keyHandler);\r\n _.$nextArrow && _.$nextArrow.off('keydown.slick', _.keyHandler);\r\n }\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\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 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 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', '*', 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 if (_.slideCount <= _.options.slidesToShow) {\r\n ++pagerQty;\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 } 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 coef;\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 coef = -1\r\n\r\n if (_.options.vertical === true && _.options.centerMode === true) {\r\n if (_.options.slidesToShow === 2) {\r\n coef = -1.5;\r\n } else if (_.options.slidesToShow === 1) {\r\n coef = -2\r\n }\r\n }\r\n verticalOffset = (verticalHeight * _.options.slidesToShow) * coef;\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 && _.slideCount <= _.options.slidesToShow) {\r\n _.slideOffset = ((_.slideWidth * Math.floor(_.options.slidesToShow)) / 2) - ((_.slideWidth * _.slideCount) / 2);\r\n } else 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 numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow),\r\n tabControlIndexes = _.getNavigableIndexes().filter(function (val) {\r\n return (val >= 0) && (val < _.slideCount);\r\n });\r\n\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 if (_.$dots !== null) {\r\n _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function (i) {\r\n var slideControlIndex = tabControlIndexes.indexOf(i);\r\n\r\n $(this).attr({\r\n 'role': 'tabpanel',\r\n 'id': 'slick-slide' + _.instanceUid + i,\r\n 'tabindex': -1\r\n });\r\n\r\n if (slideControlIndex !== -1) {\r\n $(this).attr({\r\n 'aria-describedby': 'slick-slide-control' + _.instanceUid + slideControlIndex\r\n });\r\n }\r\n });\r\n\r\n _.$dots.attr('role', 'tablist').find('li').each(function (i) {\r\n var mappedSlideIndex = tabControlIndexes[i];\r\n\r\n $(this).attr({\r\n 'role': 'presentation'\r\n });\r\n\r\n $(this).find('button').first().attr({\r\n 'role': 'tab',\r\n 'id': 'slick-slide-control' + _.instanceUid + i,\r\n 'aria-controls': 'slick-slide' + _.instanceUid + mappedSlideIndex,\r\n 'aria-label': (i + 1) + ' of ' + numDotGroups + ' slides',\r\n 'aria-selected': null,\r\n 'tabindex': '0'\r\n });\r\n\r\n }).eq(_.currentSlide).find('button').attr({\r\n 'aria-selected': 'true',\r\n 'tabindex': '0'\r\n }).end();\r\n }\r\n\r\n for (var i = _.currentSlide, max = i + _.options.slidesToShow; i < max; i++) {\r\n _.$slides.eq(i).attr('tabindex', 0);\r\n }\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 if (_.options.accessibility === true) {\r\n _.$prevArrow.on('keydown.slick', _.keyHandler);\r\n _.$nextArrow.on('keydown.slick', _.keyHandler);\r\n }\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) {\r\n $('li', _.$dots).on('click.slick', {\r\n message: 'index'\r\n }, _.changeSlide);\r\n\r\n if (_.options.accessibility === true) {\r\n _.$dots.on('keydown.slick', _.keyHandler);\r\n }\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 $(_.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 imageSrcSet = $(this).attr('data-srcset'),\r\n imageSizes = $(this).attr('data-sizes') || _.$slider.attr('data-sizes'),\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\r\n if (imageSrcSet) {\r\n image\r\n .attr('srcset', imageSrcSet);\r\n\r\n if (imageSizes) {\r\n image\r\n .attr('sizes', imageSizes);\r\n }\r\n }\r\n\r\n image\r\n .attr('src', imageSource)\r\n .animate({ opacity: 1 }, 200, function () {\r\n image\r\n .removeAttr('data-lazy data-srcset data-sizes')\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\r\n if (_.options.lazyLoad === 'anticipated') {\r\n var prevSlide = rangeStart - 1,\r\n nextSlide = rangeEnd,\r\n $slides = _.$slider.find('.slick-slide');\r\n\r\n for (var i = 0; i < _.options.slidesToScroll; i++) {\r\n if (prevSlide < 0) prevSlide = _.slideCount - 1;\r\n loadRange = loadRange.add($slides.eq(prevSlide));\r\n loadRange = loadRange.add($slides.eq(nextSlide));\r\n prevSlide--;\r\n nextSlide++;\r\n }\r\n }\r\n\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 if (_.slideCount > _.options.slidesToShow) {\r\n _.setPosition();\r\n }\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 if (_.options.focusOnChange) {\r\n var $currentSlide = $(_.$slides.get(_.currentSlide));\r\n $currentSlide.attr('tabindex', 0).focus();\r\n }\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 imageSrcSet,\r\n imageSizes,\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 imageSrcSet = image.attr('data-srcset');\r\n imageSizes = image.attr('data-sizes') || _.$slider.attr('data-sizes');\r\n imageToLoad = document.createElement('img');\r\n\r\n imageToLoad.onload = function () {\r\n\r\n if (imageSrcSet) {\r\n image\r\n .attr('srcset', imageSrcSet);\r\n\r\n if (imageSizes) {\r\n image\r\n .attr('sizes', imageSizes);\r\n }\r\n }\r\n\r\n image\r\n .attr('src', imageSource)\r\n .removeAttr('data-lazy data-srcset data-sizes')\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\r\n if (responsiveSettings.hasOwnProperty(breakpoint)) {\r\n currentBreakpoint = responsiveSettings[breakpoint].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 var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0;\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 _.$slides\r\n .slice(index - centerOffset + evenCoef, 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 + evenCoef, 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' || _.options.lazyLoad === 'anticipated') {\r\n _.lazyLoad();\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 + _.slideCount; 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 _.slideHandler(index, false, true);\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 (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 _.swiping = false;\r\n\r\n if (_.scrolling) {\r\n _.scrolling = false;\r\n return false;\r\n }\r\n\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, verticalSwipeLength;\r\n\r\n touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;\r\n\r\n if (!_.dragging || _.scrolling || 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 verticalSwipeLength = Math.round(Math.sqrt(\r\n Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));\r\n\r\n if (!_.options.verticalSwiping && !_.swiping && verticalSwipeLength > 4) {\r\n _.scrolling = true;\r\n return false;\r\n }\r\n\r\n if (_.options.verticalSwiping === true) {\r\n _.touchObject.swipeLength = verticalSwipeLength;\r\n }\r\n\r\n swipeDirection = _.swipeDirection();\r\n\r\n if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {\r\n _.swiping = true;\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 .end();\r\n\r\n _.$dots\r\n .find('li')\r\n .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\r\n .addClass('slick-active');\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","$(function () {\r\n \"use strict\";\r\n\r\n var $windowWidth = $(this).width();\r\n var $windowHeight = $(this).height();\r\n\r\n $(window).on(\"load resize\", function () {\r\n $windowWidth = $(this).width();\r\n $windowHeight = $(this).height();\r\n\r\n var wrapperSize = $(\".container\").width();\r\n $(\".size\").html(wrapperSize);\r\n });\r\n\r\n /**\r\n * Match Heights\r\n */\r\n $(\".tabs-list li a, .m3-height, .match-height\").matchHeight({\r\n byRow: true,\r\n });\r\n\r\n /**\r\n * Skip Links Focus\r\n */\r\n var skipLinks = function () {\r\n var skip = $(\".skip-link\");\r\n\r\n $(skip).on(\"click\", function () {\r\n var skipLink = $(this).attr(\"href\");\r\n skipLink = skipLink.substring(1, skipLink.length);\r\n $(\"#\" + skipLink).focus();\r\n });\r\n };\r\n skipLinks();\r\n\r\n /**\r\n * Search suggestions\r\n */\r\n var $siteSearch = $('#site-search');\r\n $siteSearch.on(\"keyup\", function() {\r\n var $suggestions = $('#site-suggestions');\r\n if($(this).val() == \"\") {\r\n $suggestions.removeClass('open');\r\n $searchBox.removeClass('--suggestions-open');\r\n } else if(!$suggestions.hasClass('open')) {\r\n var internalSugg = $('#internal-search-sugg').html();\r\n $suggestions.html(internalSugg);\r\n $suggestions.addClass('open');\r\n var $searchBox = $siteSearch.closest('.searchbox');\r\n $searchBox.addClass('--suggestions-open');\r\n }\r\n });\r\n\r\n function attachToSearchClose($el) {\r\n $el.on('click', function(e) {\r\n e.preventDefault();\r\n var $searchBox = $(e.target).closest('.searchbox');\r\n var $suggestions = $('#site-suggestions');\r\n $siteSearch.val('');\r\n \r\n if($suggestions.hasClass('open')) {\r\n $suggestions.removeClass('open');\r\n $searchBox.removeClass('--suggestions-open');\r\n }\r\n });\r\n $el.on('keydown', function(e) {\r\n if(e.key == 'Enter' || e.key == ' ') {\r\n e.preventDefault();\r\n $(this).click();\r\n }\r\n });\r\n }\r\n \r\n attachToSearchClose($('.js-close-search'));\r\n\r\n // Ideally we would attach this event when the dropdown is placed on page. \r\n const observer = new MutationObserver((mutations) => {\r\n mutations.forEach((mutation) => {\r\n mutation.addedNodes.forEach((node) => {\r\n const element = node;\r\n if (!element.tagName) {\r\n return;\r\n }\r\n if (Array.from(element.classList).includes('js-close-search')) {\r\n attachToSearchClose($(element));\r\n }\r\n });\r\n });\r\n });\r\n \r\n // Start the observer\r\n observer.observe(document.body, {\r\n childList: true,\r\n subtree: true,\r\n attributes: false,\r\n characterData: false,\r\n });\r\n\r\n $('.js-close-search').on('keydown', function(e) {\r\n if(e.key == 'Enter' || e.key == ' ') {\r\n e.preventDefault();\r\n $(this).click();\r\n }\r\n })\r\n\r\n $('.js-close-search').on('click', function(e) {\r\n e.preventDefault();\r\n var $searchBox = $(e.target).closest('.searchbox');\r\n var $suggestions = $('#site-suggestions');\r\n $siteSearch.val('');\r\n \r\n if($suggestions.hasClass('open')) {\r\n $suggestions.removeClass('open');\r\n $searchBox.removeClass('--suggestions-open');\r\n }\r\n });\r\n\r\n $('.js-close-search').on('keydown', function(e) {\r\n if(e.key === 'Enter' || e.key === ' '){\r\n e.preventDefault();\r\n $(this).trigger('click');\r\n }\r\n });\r\n\r\n $('.nav-link[role=\"tab\"]').on('shown.bs.tab', function(event){\r\n $(event.target).attr('aria-selected', true);\r\n });\r\n\r\n $('.nav-link[role=\"tab\"]').on('hidden.bs.tab', function(event){\r\n $(event.target).attr('aria-selected', false);\r\n });\r\n\r\n $(document).ready(function () {\r\n // Only handle one particular tablist; if you have multiple tab\r\n // lists (might even be nested), you have to apply this code for each one\r\n const $tabLists = $('[role=\"tablist\"]');\r\n // const $tabs = $tabList.find('> [role=\"tab\"]');\r\n $tabLists.each(() => {\r\n const $tabList = $(this);\r\n // Enable arrow navigation between tabs in the tab list\r\n let tabFocus = 0;\r\n const $tabs = $tabList.find('[role=\"tab\"]');\r\n $tabList.on(\"keydown\", (e) => {\r\n \r\n // Move right\r\n if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\r\n $tabs[tabFocus].setAttribute(\"tabindex\", -1);\r\n if (e.key === \"ArrowRight\") {\r\n tabFocus++;\r\n // If we're at the end, go to the start\r\n if (tabFocus >= $tabs.length) {\r\n tabFocus = 0;\r\n }\r\n // Move left\r\n } else if (e.key === \"ArrowLeft\") {\r\n tabFocus--;\r\n // If we're at the start, move to the end\r\n if (tabFocus < 0) {\r\n tabFocus = $tabs.length - 1;\r\n }\r\n }\r\n \r\n $tabs[tabFocus].setAttribute(\"tabindex\", 0);\r\n $tabs[tabFocus].focus();\r\n }\r\n });\r\n })\r\n \r\n \r\n });\r\n \r\n \r\n\r\n $(document).on('click', function(e) {\r\n var $searchBox = $(e.target).closest('.searchbox');\r\n if($searchBox.length === 0) {\r\n var $suggestions = $('#site-suggestions');\r\n if($suggestions.hasClass('open')) {\r\n $suggestions.removeClass('open');\r\n $searchBox.removeClass('--suggestions-open');\r\n }\r\n }\r\n });\r\n\r\n /**\r\n * Accessible Mega menu\r\n */\r\n var $megamenu = $(\".megamenu\");\r\n $megamenu.accessibleMegaMenu({\r\n /* prefix for generated unique id attributes, which are required\r\n to indicate aria-owns, aria-controls and aria-labelledby */\r\n uuidPrefix: \"accessible-megamenu\",\r\n\r\n /* css class used to define the megamenu styling */\r\n menuClass: \"nav-menu\",\r\n\r\n /* css class for a top-level navigation item in the megamenu */\r\n topNavItemClass: \"nav-item\",\r\n\r\n /* css class for a megamenu panel */\r\n panelClass: \"sub-nav\",\r\n\r\n /* css class for a group of items within a megamenu panel */\r\n panelGroupClass: \"sub-nav-group\",\r\n\r\n /* css class for the hover state */\r\n hoverClass: \"hover\",\r\n\r\n /* css class for the focus state */\r\n focusClass: \"focus\",\r\n\r\n /* css class for the open state */\r\n openClass: \"open\",\r\n });\r\n\r\n $('.sub-nav').on('focusout', (e) => {\r\n var $inSubnav = $(e.relatedTarget).closest('.sub-nav');\r\n if(!$inSubnav.length) {\r\n $(e.target).closest('.sub-nav').removeClass('open');\r\n }\r\n })\r\n\r\n var $activeStartNav = $('.menu__toptab-link.active');\r\n var startControlledNav = $activeStartNav.attr('aria-controls');\r\n $(\"#\"+startControlledNav).addClass('active');\r\n\r\n $(\"nav\").removeAttr(\"role\");\r\n\r\n var $subNavClose = $('.sub-nav__mobile-close');\r\n\r\n $subNavClose.each(function() {\r\n $(this).on('click', function() {\r\n $(this).closest('.sub-nav').removeClass('open');\r\n });\r\n })\r\n\r\n //Close subnav when you click an anchor or button\r\n var $subnavAnchors = $('.sub-nav a,.sub-nav button');\r\n\r\n $subnavAnchors.each(function() {\r\n $(this).on('click', function() {\r\n $(this).closest('.sub-nav').removeClass('open');\r\n\r\n //if we're using the hamburger menu, trigger it\r\n if(window.innerWidth < 1200)\r\n {\r\n $('.menu-toggle').trigger('click');\r\n } \r\n });\r\n })\r\n \r\n\r\n var mobileMenu = function () {\r\n var $mobileSub = $(\".menu-toggle\");\r\n var menuId = $mobileSub.attr(\"aria-controls\");\r\n var $mobileSubMenu = $('#'+menuId);\r\n var $loginSectionGroup = $(\".login-section__group\");\r\n \r\n $mobileSub.on(\"click\", function (e) {\r\n if ($mobileSubMenu.hasClass(\"--open\")) {\r\n $(this).attr(\"aria-expanded\", \"false\").removeClass(\"--open\");\r\n $mobileSubMenu.attr(\"aria-hidden\", \"true\").removeClass(\"--open\");\r\n $loginSectionGroup.removeClass('--open');\r\n $('body').removeClass('noscroll');\r\n $('main').removeClass('noscroll');\r\n }\r\n else {\r\n $(this).attr(\"aria-expanded\", \"true\").addClass(\"--open\");\r\n $mobileSubMenu.attr(\"aria-hidden\", \"false\").addClass(\"--open\");\r\n $loginSectionGroup.addClass('--open');\r\n $('body').addClass('noscroll');\r\n $('main').addClass('noscroll');\r\n }\r\n }\r\n );\r\n };\r\n mobileMenu();\r\n\r\n /**\r\n * Login Modal/Dropdown\r\n */\r\n\r\n function trapInDialog( dialogToTrap, event ) {\r\n\r\n if ( event.key.toLowerCase() === 'escape' ) {\r\n $('.btn-close[data-toggle=\"loginDropdown\"]').trigger('click');\r\n }\r\n\r\n if ( event.key.toLowerCase() !== \"tab\" ) {\r\n\r\n return;\r\n\r\n }\r\n\r\n // At this point, we know that we're capturing a TAB-related keyboard\r\n // event ON or IN the Capture container. As such, we need to look at\r\n // the current state of the DOM (which may be changing dynamically\r\n // depending on the application logic) to see if we need to override\r\n // the keyboard navigation. What we're looking for here is any\r\n // element that is capable of NATURALLY receiving focus (via Tab).\r\n // --\r\n // NOTE: jQuery's .add() function results in a collection that is\r\n // ordered by the DOM ORDER. As such, we can use .first() and .last()\r\n // on the resultant collection with confidence.\r\n var tabbable = $()\r\n // All form elements can receive focus.\r\n .add( dialogToTrap.find( \"button, input, select, textarea\" ) )\r\n // Any element that has an HREF can receive focus.\r\n .add( dialogToTrap.find( \"[href]:visible\" ) )\r\n // Any element that has a non-(-1) tabindex can receive focus.\r\n .add( dialogToTrap.find( \"[tabindex]:not([tabindex='-1'])\" ) )\r\n ;\r\n\r\n var target = $( event.target );\r\n\r\n // Reverse tabbing (Key: Shift+Tab).\r\n if ( event.shiftKey ) {\r\n\r\n if ( target.is( dialogToTrap ) || target.is( tabbable.first() ) ) {\r\n console.log(target);\r\n // Force focus to last element in container.\r\n event.preventDefault();\r\n tabbable.last().focus();\r\n\r\n }\r\n\r\n // Forward tabbing (Key: Tab).\r\n } else {\r\n if ( target.is( tabbable.last() ) ) {\r\n\r\n // Force focus to first element in container.\r\n event.preventDefault();\r\n tabbable.first().focus();\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n var $loginDropdown = $('[data-toggle=\"loginDropdown\"]');\r\n $loginDropdown.on('click keydown', function(e) {\r\n var isOpen = $(this).attr('id') == 'LogonButton';\r\n if(isOpen) {\r\n var browser = getBrowserInfo();\r\n if(browser.device === 'Mobile') {\r\n\r\n if(!$('.login-dropdown__app').hasClass('active')) $('.login-dropdown__app').addClass('active');\r\n\r\n if(/iOS/.test(browser.os)) {\r\n var $iosLink = $('.mobile-app-banner__link[data-app-type=\"ios\"]');\r\n if(!$iosLink.hasClass('show')) {\r\n $iosLink.addClass('show');\r\n }\r\n }\r\n else if(/Android/.test(browser.os)) {\r\n var $androidLink = $('.mobile-app-banner__link[data-app-type=\"android\"]')\r\n if(!$androidLink.hasClass('show')) {\r\n $androidLink.addClass('show');\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (e.type == \"click\" || e.which == 13) {\r\n var loginDropdownModal = $(this).data(\"target\");\r\n $(loginDropdownModal).toggleClass(\"open\");\r\n\r\n $('.login-dropdown__backdrop').toggleClass(\"modal-open\");\r\n\r\n if(!isOpen) {\r\n $('#LogonButton').focus();\r\n }\r\n else {\r\n console.log('open');\r\n $('#UserName').focus();\r\n }\r\n }\r\n });\r\n\r\n $('.login-dropdown').on('keydown', function(e) {\r\n trapInDialog($(this), e);\r\n })\r\n \r\n\r\n $(document).on('click', function(e) {\r\n if(e.target.id != 'LogonButton') {\r\n if($(e.target).closest('.login-dropdown').length === 0) {\r\n var $backdrop = $('.login-dropdown__backdrop');\r\n var $modal = $('.login-dropdown');\r\n $backdrop.removeClass('modal-open');\r\n $modal.removeClass('open');\r\n }\r\n }\r\n });\r\n\r\n const password = document.querySelector('#Password');\r\n const closedEyeIcon = document.getElementById('closedEyeIcon');\r\n const openEyeIcon = document.getElementById('openEyeIcon');\r\n\r\n function togglePasswordVisibility() {\r\n if(password.type === 'password'){\r\n password.type = 'text';\r\n closedEyeIcon.style.display = 'none';\r\n openEyeIcon.style.display = 'block';\r\n }\r\n else {\r\n password.type = 'password';\r\n closedEyeIcon.style.display = 'block';\r\n openEyeIcon.style.display = 'none';\r\n }\r\n }\r\n\r\n $(\".passwordToggleIcon\").on(\"click\", togglePasswordVisibility);\r\n $(\".passwordToggleIcon\").on(\"keydown\", function(event) {\r\n if(event.key === 'Enter' || event.key === ' ') {\r\n event.preventDefault();\r\n togglePasswordVisibility();\r\n\r\n if(password.type === 'password') {\r\n closedEyeIcon.focus();\r\n }\r\n else {\r\n openEyeIcon.focus();\r\n }\r\n }\r\n });\r\n\r\n\r\n /**\r\n * M1: Carousel\r\n */\r\n var m1Carousel = function () {\r\n var $m1 = $(\".m1-carousel\");\r\n\r\n /* Carousel Settings */\r\n var m1Settings = {\r\n dots: true,\r\n infinite: true,\r\n fade: true,\r\n autoplay: true,\r\n autoplaySpeed: 4000,\r\n speed: 300,\r\n slidesToShow: 1,\r\n adaptiveHeight: true,\r\n appendDots: $(\".dots-clone\"),\r\n prevArrow: $(\".slick-prev-custom\"),\r\n nextArrow: $(\".slick-next-custom\"),\r\n responsive: [\r\n {\r\n breakpoint: 1060,\r\n settings: {\r\n arrows: false,\r\n },\r\n },\r\n ],\r\n };\r\n\r\n /* Initialize Carousel */\r\n $m1.slick(m1Settings);\r\n\r\n // cant do this because it doesnt blend well with autoplay\r\n // which pauses on focus\r\n //$m1.on(\"afterChange\", function () {\r\n // $('.slick-current').focus();\r\n //});\r\n };\r\n m1Carousel();\r\n\r\n /**\r\n * SB1: Mobile Menu\r\n */\r\n var sb1MobileMenu = function () {\r\n var $sb1MenuList = $(\"ul.main-list\");\r\n\r\n $sb1MenuList.each(function (key) {\r\n var blankOption = \"Select an option\";\r\n var $label = $(\r\n '\"\r\n );\r\n var $select = $(\r\n ''\r\n );\r\n\r\n $select.append($(\"\").text(blankOption));\r\n\r\n //Get the list text and links and create the selectbox menu\r\n $(this)\r\n .find(\"li a\")\r\n .each(function () {\r\n var listText = $(this).html();\r\n var listTextLink = $(this).attr(\"href\");\r\n\r\n //Turn the values into a dropdown\r\n var $option = $(\"\");\r\n $option.text(listText).attr(\"value\", listTextLink);\r\n\r\n $select.append($option);\r\n });\r\n\r\n $label.appendTo(\".sb1-mobile-menu\");\r\n $select.appendTo(\".sb1-mobile-menu\");\r\n\r\n //Set the selectbox links\r\n $select.bind(\"change\", function () {\r\n var url = $(this).val();\r\n if (url != \"\") {\r\n window.location = url;\r\n }\r\n return false;\r\n });\r\n });\r\n };\r\n sb1MobileMenu();\r\n\r\n /**\r\n * Accordions - Individual\r\n */\r\n var accordion = function () {\r\n var Accordion = $(\".js_accordion\"),\r\n $accordionBtn = $(\".js_accordion_trigger--single\"),\r\n $accordionPanel = $(\".js_accordion_panel--single\");\r\n\r\n $accordionBtn.on(\"click\", function () {\r\n //console.log($(this).html());\r\n if ($(this).hasClass(\"is_expanded\")) {\r\n $(this).removeClass(\"is_expanded\").attr(\"aria-expanded\", \"false\");\r\n $(this).next($accordionPanel).slideUp().attr(\"aria-hidden\", \"true\");\r\n } else {\r\n $(this)\r\n .parents(\".js_accordion\")\r\n .find(\"button.is_expanded\")\r\n .next($accordionPanel)\r\n .slideUp()\r\n .attr(\"aria-hidden\", \"true\");\r\n $(this)\r\n .parents(\".js_accordion\")\r\n .children()\r\n .find(\"button.is_expanded\")\r\n .attr(\"aria-expanded\", \"false\")\r\n .removeClass(\"is_expanded\");\r\n\r\n $(this).addClass(\"is_expanded\").attr(\"aria-expanded\", \"true\");\r\n $(this).next($accordionPanel).slideDown().attr(\"aria-hidden\", \"false\");\r\n }\r\n });\r\n\r\n $(Accordion).each(function () {\r\n $(\".js_accordion ul li:first\")\r\n .find(\"button\")\r\n .addClass(\"is_expanded\")\r\n .attr(\"aria-expanded\", \"true\");\r\n $(\".js_accordion ul li:first\")\r\n .find(\".js_accordion_panel--single\")\r\n .slideDown()\r\n .attr(\"aria-hidden\", \"false\");\r\n });\r\n };\r\n accordion();\r\n\r\n /**\r\n * M28 : Story Steps\r\n */\r\n var storySteps = function () {\r\n var step = $(\".js-steps .step\"),\r\n stepNum = $(\".js-step-count\"),\r\n currentStep;\r\n\r\n $(step).each(function () {\r\n currentStep = $(this).index() + 1;\r\n $(this).find(stepNum).html(currentStep);\r\n });\r\n };\r\n storySteps();\r\n\r\n /**\r\n * M15 Profiles\r\n */\r\n var profiles = function () {\r\n var $profileTrigger = $(\".m15-profile-trigger a\");\r\n\r\n $profileTrigger.on(\"click\", function (e) {\r\n e.preventDefault();\r\n //get id\r\n var profileId = $(this).attr(\"aria-controls\");\r\n console.log(profileId);\r\n\r\n if ($(this).hasClass(\"profile-open\")) {\r\n $(this)\r\n .attr(\"aria-expanded\", \"false\")\r\n .removeClass(\"profile-open\")\r\n .find(\".m15-profile-text\")\r\n .html(\"View\");\r\n $(\"#\" + profileId)\r\n .slideUp()\r\n .attr(\"aria-hidden\", \"true\");\r\n $(\"html,body\").animate({ scrollTop: $(this).offset().top - 200 }, 800);\r\n } else {\r\n $(this)\r\n .attr(\"aria-expanded\", \"true\")\r\n .addClass(\"profile-open\")\r\n .find(\".m15-profile-text\")\r\n .html(\"Close\");\r\n $(\"#\" + profileId)\r\n .slideDown()\r\n .attr(\"aria-hidden\", \"false\");\r\n $(\"html,body\").animate({ scrollTop: $(this).offset().top - 200 }, 800);\r\n }\r\n });\r\n };\r\n profiles();\r\n\r\n /**\r\n * M19 : Site Status Messages\r\n */\r\n var siteStatus = function () {\r\n var $siteError = $(\".site-status\");\r\n\r\n if ($siteError) {\r\n var siteStatusMajor = $(\".js-close-major\");\r\n var siteStatusMinor = $(\".js-close-minor\");\r\n\r\n $(siteStatusMajor).on(\"click\", function (e) {\r\n e.preventDefault();\r\n //Close message\r\n $(this).parents(\".site-status\").slideUp().attr(\"aria-hidden\", \"true\");\r\n //write to session\r\n sessionStorage.setItem(\"majorStatus\", true);\r\n });\r\n\r\n if (!sessionStorage.getItem(\"majorStatus\")) {\r\n $(\".js-major\").slideDown().attr(\"aria-hidden\", \"false\");\r\n }\r\n\r\n $(siteStatusMinor).on(\"click\", function (e) {\r\n e.preventDefault();\r\n //Close message\r\n $(this).parents(\".site-status\").slideUp().attr(\"aria-hidden\", \"true\");\r\n //write to session\r\n sessionStorage.setItem(\"minorStatus\", true);\r\n });\r\n\r\n if (!sessionStorage.getItem(\"minorStatus\")) {\r\n $(\".js-minor\").slideDown().attr(\"aria-hidden\", \"false\");\r\n }\r\n }\r\n };\r\n\r\n $(window).on(\"load\", function() {\r\n siteStatus();\r\n });\r\n\r\n var siteStatusFixed = function () {\r\n var $siteStatusFixed = $(\".site-status-fixed\");\r\n\r\n // fixed site status is currently used and reserved specifically for the cookie alert\r\n // therefore it follows a different behavior where users can dismiss the alert until the\r\n // next time content managers want it to be triggered\r\n\r\n if ($siteStatusFixed) {\r\n var siteStatusMinor = $(\".js-close-minor-fixed\", $siteStatusFixed);\r\n\r\n $(siteStatusMinor).on(\"click\", function () {\r\n $(this)\r\n .parents(\".site-status-fixed\")\r\n .slideUp()\r\n .attr(\"aria-hidden\", \"true\");\r\n localStorage.setItem(\r\n \"minorStatusAlertDismissed\",\r\n new Date().toUTCString()\r\n );\r\n });\r\n\r\n var lastRefreshDate = new Date($(\"#FixedAlertLastRefreshUTC\").val());\r\n console.log(\"last refresh \" + lastRefreshDate);\r\n var dismissal = localStorage.getItem(\"minorStatusAlertDismissed\");\r\n if (dismissal === null) {\r\n $(\".js-minor-fixed\").slideDown().attr(\"aria-hidden\", \"false\");\r\n } else {\r\n var dismissalDate = new Date(dismissal);\r\n var utcNow = new Date().getTime();\r\n var diffMs = Math.abs(utcNow - dismissalDate);\r\n var diffMin = Math.floor(diffMs / 1000 / 60);\r\n if (lastRefreshDate > dismissalDate && diffMin > 60) {\r\n $(\".js-minor-fixed\").slideDown().attr(\"aria-hidden\", \"false\");\r\n }\r\n }\r\n }\r\n };\r\n siteStatusFixed();\r\n\r\n /**\r\n * Equal Heights Tables\r\n */\r\n function resizeHandler() {\r\n // Treat each container separately\r\n $(\".comparison-table\").each(function (i, container) {\r\n // Stores the highest row height for all tables in this container, per row\r\n var aRowHeights = [];\r\n // Loop through the tables\r\n $(container)\r\n .find(\"table\")\r\n .each(function (indx, table) {\r\n // Loop through the rows of current table\r\n $(table)\r\n .find(\"tr\")\r\n .css(\"height\", \"\")\r\n .each(function (i, tr) {\r\n // If there is already a row height defined\r\n if (aRowHeights[i])\r\n // Replace value with height of current row if current row is higher.\r\n aRowHeights[i] = Math.max(aRowHeights[i], $(tr).height());\r\n // Else set it to the height of the current row\r\n else aRowHeights[i] = $(tr).height();\r\n });\r\n });\r\n // Loop through the tables in this container separately again\r\n $(container)\r\n .find(\"table\")\r\n .each(function (i, table) {\r\n // Set the height of each row to the stored greatest height.\r\n $(table)\r\n .find(\"tr\")\r\n .each(function (i, tr) {\r\n $(tr).css(\"height\", aRowHeights[i]);\r\n });\r\n });\r\n });\r\n }\r\n\r\n $(window).on(\"load resize\", function () {\r\n resizeHandler();\r\n });\r\n\r\n //Using the Select option\r\n var $productSelect = $(\"select.product-option-select\");\r\n $productSelect.each(function () {\r\n //On Load\r\n var $selectedTable;\r\n var currentSelected = $(this).find(\":selected\").val();\r\n $selectedTable = $(\"#\" + currentSelected)\r\n .clone()\r\n .appendTo($(this).parents(\".comparable-options\").next());\r\n\r\n //On Change\r\n $(this).on(\"change\", function () {\r\n var $selectedOption = $(this).val();\r\n $(this).parents(\".comparable-options\").next().children().remove();\r\n $selectedTable = $(\"#\" + $selectedOption)\r\n .clone()\r\n .appendTo($(this).parents(\".comparable-options\").next());\r\n resizeHandler();\r\n });\r\n });\r\n\r\n /**\r\n * Modals\r\n */\r\n\r\n $(\".closeBtn\").on(\"click\", function () {\r\n $.magnificPopup.close();\r\n });\r\n\r\n var lastFocusedElement;\r\n $(\".compare-accounts\").magnificPopup({\r\n type: \"inline\",\r\n midClick: true,\r\n callbacks: {\r\n open: function () {\r\n lastFocusedElement = document.activeElement;\r\n $(\".m23\").attr(\"tabindex\", 0).focus();\r\n resizeHandler();\r\n $(\"html, body, main, .mfp-preloader, .skip-link\").attr({\r\n tabindex: -1,\r\n });\r\n },\r\n close: function () {\r\n $(\"html, body, main, .mfp-preloader, .skip-link\").attr({\r\n tabindex: \"\",\r\n });\r\n if (lastFocusedElement) {\r\n $(lastFocusedElement).focus();\r\n }\r\n },\r\n },\r\n });\r\n\r\n \r\n\r\n $(\".popup\").magnificPopup({\r\n type: \"inline\",\r\n midClick: true,\r\n fixedContentPos: false,\r\n overflowY: \"scroll\",\r\n callbacks: {\r\n open: function () {\r\n jQuery(\"body\").addClass(\"noscroll\");\r\n $(\"html, body, main, .mfp-preloader, .skip-link\").attr({\r\n tabindex: -1,\r\n });\r\n },\r\n close: function () {\r\n jQuery(\"body\").removeClass(\"noscroll\");\r\n $(\"html, body, main, .mfp-preloader, .skip-link\").attr({\r\n tabindex: \"\",\r\n });\r\n },\r\n },\r\n });\r\n\r\n /**\r\n * Filters\r\n */\r\n var pageFilters = function () {\r\n var $filterPanels = $(\"#filterable\");\r\n\r\n var filterTab = $(\".btn-filter\");\r\n\r\n //On Click\r\n $(filterTab).on(\"click\", function (e, event) {\r\n e.preventDefault();\r\n\r\n //Get the panel control ID from the clicked tab\r\n var filterTabId = $(this).attr(\"data-filter\");\r\n\r\n if (!$(this).hasClass(\"active-filter\")) {\r\n $(\"ul.filters-list\")\r\n .find('[aria-selected=\"true\"]')\r\n .attr({\r\n \"aria-selected\": \"false\",\r\n tabindex: \"-1\",\r\n })\r\n .removeClass(\"active-filter\");\r\n $(\"#filterable\")\r\n .find(\".active-filterpanel\")\r\n .removeClass(\"active-filterpanel\")\r\n .attr(\"aria-hidden\", \"true\");\r\n\r\n $(this)\r\n .attr({\r\n \"aria-selected\": \"true\",\r\n tabindex: \"0\",\r\n })\r\n .addClass(\"active-filter\");\r\n\r\n $(\".\" + filterTabId)\r\n .addClass(\"active-filterpanel\")\r\n .attr(\"aria-hidden\", \"false\");\r\n }\r\n });\r\n\r\n var $original, $prev, $next, $target;\r\n\r\n //On Keydown\r\n $(filterTab).on(\"keydown\", function (e) {\r\n //Define direction\r\n $original = $(this);\r\n $prev = $(this).parents(\"li\").prev().children(\".btn-filter\");\r\n $next = $(this).parents(\"li\").next().children(\".btn-filter\");\r\n $target;\r\n\r\n //Fid the direction\r\n switch (e.keyCode) {\r\n case 37:\r\n $target = $prev;\r\n break;\r\n case 39:\r\n $target = $next;\r\n break;\r\n default:\r\n $target = false;\r\n break;\r\n }\r\n\r\n if ($target.length) {\r\n //tab switching\r\n $original\r\n .attr({\r\n tabindex: \"-1\",\r\n \"aria-selected\": \"false\",\r\n })\r\n .removeClass(\"active-filter\");\r\n $target\r\n .attr({\r\n tabindex: \"0\",\r\n \"aria-selected\": \"true\",\r\n })\r\n .addClass(\"active-filter\")\r\n .focus();\r\n\r\n //hide non target panel\r\n $filterPanels\r\n .find(\".active-filterpanel\")\r\n .removeClass(\"active-filterpanel\")\r\n .attr(\"aria-hidden\", \"true\");\r\n\r\n //show the target panel\r\n $(\".\" + $target.attr(\"aria-controls\"))\r\n .addClass(\"active-filterpanel\")\r\n .attr(\"aria-hidden\", \"false\");\r\n }\r\n });\r\n\r\n function clearFilters() {\r\n // make all child divs active\r\n $(\"#filterable\")\r\n .find(\".filterpanel\")\r\n .addClass(\"active-filterpanel\")\r\n .attr(\"aria-hidden\", \"false\");\r\n // remove from all buttons\r\n $(filterTab).removeClass(\"active-filter\");\r\n // activate the 'all' button\r\n $(\"[data-filter=all]\").addClass(\"active-filter\");\r\n }\r\n\r\n //\r\n $('.sub-nav-item__link').on('click', function (e) {\r\n //Clear filters if we click a subnav link\r\n clearFilters();\r\n });\r\n \r\n //Selectbox\r\n var $filterSelect = $(\".filters-select-list\");\r\n $filterSelect.on(\"change\", function () {\r\n var $el = $(this).val();\r\n if ($el == \"all\") {\r\n clearFilters();\r\n } else {\r\n //Show matching div\r\n var elFilter = \".\" + $el;\r\n $(elFilter).addClass(\"active-filterpanel\").attr(\"aria-hidden\", \"false\");\r\n\r\n //Hide non matching divs\r\n $(\"#filterable\")\r\n .find(\".filterpanel\")\r\n .not(elFilter)\r\n .attr(\"aria-hidden\", \"true\")\r\n .removeClass(\"active-filterpanel\");\r\n\r\n //Keep desktop buttons in sync\r\n $(this)\r\n .parents(\".filter-options\")\r\n .children(\"ul.filters-list\")\r\n .find(\"li a\")\r\n .not(\"[data-filter='\" + $el + \"']\")\r\n .removeClass(\"active-filter\")\r\n .attr({\r\n \"aria-selected\": \"false\",\r\n tabindex: \"-1\",\r\n });\r\n $(this)\r\n .parents(\".filter-options\")\r\n .children(\"ul.filters-list\")\r\n .find(\"[data-filter='\" + $el + \"']\")\r\n .addClass(\"active-filter\")\r\n .attr({\r\n \"aria-selected\": \"true\",\r\n tabindex: \"0\",\r\n });\r\n }\r\n });\r\n\r\n var mobileFilters = $(\".mobile-filters\");\r\n $(window).on(\"load resize\", function () {\r\n if ($windowWidth < 767) {\r\n $(mobileFilters).attr(\"tabindex\", \"0\");\r\n } else {\r\n $(mobileFilters).attr(\"tabindex\", \"-1\");\r\n }\r\n });\r\n };\r\n pageFilters();\r\n\r\n $('[data-toggle=\"tooltip\"]').tooltip();\r\n\r\n /* Goal tracking */\r\n $(function() {\r\n function triggerGoal(goalId) {\r\n var goalURL = \"/-/media/system/goals/trigger?sc_trk=\"+goalId;\r\n $.get(goalURL);\r\n }\r\n\r\n $(\"form[data-goal-trigger]\").on(\"submit\", function(e) {\r\n if($(this).valid()) {\r\n var $goalid = $(this).data(\"goal-trigger\");\r\n triggerGoal($goalid);\r\n }\r\n });\r\n\r\n $(\":button[data-goal-trigger]\").on(\"click\", function(e) {\r\n var $goalid = $(this).data(\"goal-trigger\");\r\n triggerGoal($goalid);\r\n });\r\n\r\n $(\"a[data-goal-trigger]\").on(\"click\", function(e) {\r\n var $goalid = $(this).data(\"goal-trigger\");\r\n triggerGoal($goalid);\r\n });\r\n });\r\n});\r\n","; (function ($) {\r\n 'use strict';\r\n\r\n $.BranchLocator = {\r\n\r\n extmap: null,\r\n userpin: null,\r\n markers: [],\r\n userPinDropped: false,\r\n userPos: null,\r\n yourLocationMarkerUrl: null,\r\n pinIconUrl: null,\r\n pinActiveIconUrl: null,\r\n checkedFilters: 1,\r\n locationSettingsKnown: false,\r\n boundsReady: false,\r\n zoomLevel: 11,\r\n dragged: false,\r\n limitedCoOp: false,\r\n suppressZoomSearch: false,\r\n geocoder: null,\r\n\r\n initMap: function () {\r\n var self = this;\r\n\r\n //debugger;\r\n var mapElem = document.getElementById(\"map\");\r\n if (!mapElem)\r\n return;\r\n\r\n // pin the global var set in cshtml to this object var\r\n self.yourLocationMarkerUrl = g1UserLocationMarkerUrl;\r\n self.pinIconUrl = golden1PinIconUrl;\r\n self.pinActiveIconUrl = golden1PinActiveIconUrl;\r\n\r\n // Set map options and default location to sacramento and zoom level to 12\r\n var mapOptions = {\r\n zoom: 11,\r\n center: {\r\n lat: 38.599899632629246,\r\n lng: -121.44860649999998\r\n },\r\n disableDefaultUI: true,\r\n zoomControl: true,\r\n panControl: true,\r\n scaleControl: true,\r\n rotateControl: true\r\n };\r\n\r\n self.extmap = new google.maps.Map(mapElem, mapOptions);\r\n self.extmap.setCenter(mapOptions.center);\r\n self.geocoder = new google.maps.Geocoder();\r\n\r\n // setup checkbox filters\r\n var $g1Filter = $(\".locationCheck\");\r\n $g1Filter.on(\"change\", function () {\r\n\r\n var isChecked = $(this).is(\":checked\");\r\n if (isChecked)\r\n self.checkedFilters++;\r\n else\r\n self.checkedFilters--;\r\n\r\n // get new locations\r\n self.doLocationSearch(false, true, false, true);\r\n });\r\n\r\n var mapBtn = $(\".btn-map-switch\");\r\n $(mapBtn).on(\"click\", function (e) {\r\n\r\n var $infoMessage = $('#locator-info-message');\r\n $infoMessage.empty();\r\n $infoMessage.addClass('d-none');\r\n var mapPanel = $(this).attr(\"aria-controls\");\r\n\r\n if (!$(this).hasClass(\"btn-active\")) {\r\n $(mapBtn).removeClass(\"btn-active\").attr(\"aria-selected\", \"false\");\r\n $(this).addClass(\"btn-active\").attr(\"aria-selected\", \"true\");\r\n $(\"#\" + mapPanel).css('display', 'flex').attr(\"hidden\", false);\r\n \r\n\r\n if (mapPanel == \"map-view\") {\r\n $('#location-view').hide().attr('hidden', true);\r\n }\r\n else {\r\n $('#map-view').hide().attr('hidden', true);\r\n }\r\n }\r\n\r\n e.preventDefault();\r\n });\r\n\r\n var filterbyMapBtn = $(\"#filterbyMap\");\r\n $(filterbyMapBtn).on(\"click\", function (e) {\r\n $(\"#locations-filter\").toggle();\r\n\r\n var $infoMessage = $('#locator-info-message');\r\n $infoMessage.empty();\r\n $infoMessage.addClass('d-none');\r\n\r\n if ($(filterbyMapBtn).hasClass(\"btnFilterActive\")) {\r\n $(filterbyMapBtn).removeClass(\"btnFilterActive\");\r\n $(filterbyMapBtn).attr('aria-expanded', false);\r\n }\r\n else {\r\n $(filterbyMapBtn).addClass(\"btnFilterActive\");\r\n $(filterbyMapBtn).attr('aria-expanded', true);\r\n }\r\n });\r\n\r\n //START hack to set scale to miles/imperial instead of km/metric:\r\n window.setTimeout(function () {\r\n var spn = mapElem.getElementsByClassName(\"gm-style-cc\");\r\n for (var i in spn) {\r\n //look for km or m in innerText via regex https://regexr.com/3hiqa\r\n if ((/\\d\\s?(km|(m\\b))/g).test(spn[i].innerText)) {\r\n spn[i].click();\r\n }\r\n }\r\n }, 1000);\r\n //END hack to set scale to miles/imperial instead of km/metric\r\n\r\n self.extmap.addListener('dragend', function () {\r\n // dont let bounds change on a drag; not a pleasant UX\r\n self.dragged = true; \r\n });\r\n\r\n self.extmap.addListener('idle', function () {\r\n // after dragging, wait until idle to do a search\r\n // this helps when users are panning quickly\r\n if (self.dragged === true) {\r\n self.dragged = false;\r\n self.doLocationSearch(false, false, false, false);\r\n }\r\n });\r\n\r\n self.extmap.addListener('zoom_changed', function () {\r\n var newzoom = self.extmap.getZoom();\r\n var zoomedOut = newzoom < self.zoomLevel;\r\n self.zoomLevel = newzoom;\r\n\r\n if (self.suppressZoomSearch === false) {\r\n // on do a search zoom if zooming out or zooming in for finer co-op locations\r\n if (zoomedOut || self.limitedCoOp) {\r\n self.limitedCoOp = false;\r\n self.doLocationSearch(false, false, false, false);\r\n }\r\n }\r\n else {\r\n // turn off supression for next zoom\r\n self.suppressZoomSearch = false;\r\n }\r\n });\r\n\r\n self.extmap.addListener('click', function () {\r\n self.resetMapMarkersIcons();\r\n });\r\n\r\n self.extmap.addListener('bounds_changed', function () {\r\n // looking for the first bounds changed so we can init the first search\r\n if (self.boundsReady == false) {\r\n\r\n self.boundsReady = true;\r\n // perform initial search\r\n self.doLocationSearch(true, true, false, true); // prompt for position after initial search\r\n } \r\n });\r\n\r\n //Autocomplete location\r\n var input = document.getElementById(\"enterCurrentLoc\");\r\n\r\n var options = {\r\n componentRestrictions: { country: 'us' },\r\n fields: ['name','formatted_address', 'place_id'],\r\n types: ['(regions)']\r\n };\r\n\r\n self.autocomplete = new google.maps.places.Autocomplete(input, options);\r\n \r\n self.autocomplete.addListener(\"place_changed\", function () {\r\n \r\n var $infoMessage = $('#locator-info-message');\r\n $infoMessage.empty();\r\n $infoMessage.addClass('d-none');\r\n\r\n var place = this.getPlace();\r\n // check if user enters text and hits enter without selecting\r\n if (place.place_id) {\r\n\r\n // valid place actually selected\r\n $(\"#form-error-other\").hide();\r\n $(\"#enterCurrentLoc-error\").hide();\r\n self.geoCodePlace(place.formatted_address);\r\n }\r\n else {\r\n // user pressed enter; lets do our own search here using a service\r\n // and return the first result\r\n var acService = new google.maps.places.AutocompleteService();\r\n var request = {\r\n input: place.name,\r\n componentRestrictions: { country: 'us' },\r\n fields: ['description'],\r\n types: ['(regions)']\r\n };\r\n acService.getPlacePredictions(request, function (data) {\r\n console.log(data);\r\n if (data.length > 0) {\r\n var topHit = data[0];\r\n // update the text box\r\n if ($.trim(topHit.description)) {\r\n $(\"#enterCurrentLoc\").val(topHit.description);\r\n self.geoCodePlace(topHit.description);\r\n }\r\n }\r\n });\r\n }\r\n });\r\n\r\n $(\"#resetMap\").on(\"click\", function (e) {\r\n e.preventDefault();\r\n\r\n var $infoMessage = $('#locator-info-message');\r\n var clearMessage = $infoMessage.data('locator-clear-message');\r\n $infoMessage.empty();\r\n $infoMessage.append(`';\r\n }\r\n\r\n if (data.holidays.length > 0) {\r\n holidays = '![](\"')
My Location';\r\n controlUI.appendChild(controlText);\r\n\r\n return controlUI;\r\n }\r\n\r\n };\r\n\r\n})(jQuery);","/*\r\n* Ajax Form that valaidates then makes a ajax call\r\n* Author: Juan Rocha\r\n*/\r\n\r\n; (function ($, window, document, undefined) {\r\n\r\n var pluginName = 'ajaxForm',\r\n defaults = {\r\n onBefore: function () { },\r\n onComplete: function () { },\r\n onSuccess: function () { },\r\n onFail: function () { },\r\n rules: {},\r\n messages: {},\r\n $processIcon: $('div.ajax-process-icon')\r\n };\r\n\r\n function AJAXForm(element, options) {\r\n this.options = $.extend({}, defaults, options);\r\n this.element = element;\r\n this.$element = $(element);\r\n\r\n this.url = this.$element.attr('action');\r\n this.method = this.$element.attr('method');\r\n this.validate();\r\n this.init();\r\n }\r\n\r\n function htmlEscape(s) {\r\n return s.replace(/%3C/g, '').replace(/%26#/g, '');\r\n }\r\n\r\n AJAXForm.prototype.init = function () {\r\n var self = this;\r\n var validatorOptions = {\r\n rules: self.options.rules,\r\n messages: self.options.messages,\r\n onsubmit: true,\r\n onfocusout: false,\r\n onkeyup: false,\r\n onclick: false,\r\n focusInvalid: false,\r\n submitHandler: function (form, event) {\r\n // form is valid\r\n try {\r\n //grecaptcha.execute();\r\n self.ajax();\r\n } catch (e) { \r\n //console.error('recaptcha failed');\r\n }\r\n event.preventDefault()\r\n }\r\n };\r\n\r\n if(self.options.ignore) {\r\n validatorOptions['ignore'] = self.options.ignore;\r\n }\r\n\r\n self.$element.validate(validatorOptions);\r\n };\r\n\r\n AJAXForm.prototype.ajax = function () {\r\n var self = this;\r\n var request = $.ajax({\r\n method: self.method,\r\n url: self.url,\r\n data: htmlEscape(self.$element.serialize()),\r\n beforeSend: function () {\r\n self.options.$processIcon.fadeIn();\r\n self.options.onBefore.call(this, self.$element);\r\n }\r\n });\r\n\r\n request.always(function (data) {\r\n self.options.$processIcon.fadeOut();\r\n self.options.onComplete.call(this, self.$element);\r\n });\r\n\r\n request.done(function (data) {\r\n\r\n if (!data || typeof(data) === 'undefined' || !data.processed || typeof(data.processed) === 'undefined')\r\n {\r\n // probably an HTML response from atlas\r\n self.options.onFail.call(this, self.$element);\r\n }\r\n else if (data.processed) {\r\n self.options.onSuccess.call(this, self.$element);\r\n }\r\n });\r\n\r\n request.fail(function (jqXHR, status) {\r\n self.options.onFail.call(this, self.$element);\r\n });\r\n };\r\n \r\n AJAXForm.prototype.validate = function () {\r\n if (this.url === null || this.url === '') throw \"Error: Invalid URL\";\r\n if (this.method === null || this.method === '') throw \"Error: Invalid URL\";\r\n if (typeof this.options.onSuccess !== 'function') throw \"Error: Invalid onSuccess\";\r\n if (typeof this.options.onBefore !== 'function') throw \"Error: Invalid onBefore\";\r\n if (typeof this.options.onComplete !== 'function') throw \"Error: Invalid onComplete\";\r\n if (typeof this.options.rules !== 'object') throw \"Error: Invalid rules\";\r\n if (typeof this.options.messages !== 'object') throw \"Error: Invalid messages\";\r\n return true;\r\n };\r\n\r\n $.fn[pluginName] = function (options) {\r\n return this.each(function () {\r\n if (!$.data(this, 'plugin_' + pluginName)) {\r\n $.data(this, 'plugin_' + pluginName,\r\n new AJAXForm(this, options));\r\n }\r\n });\r\n }\r\n})(jQuery, window, document);","\r\nvar scrollPagination = (function() {\r\n var fn = {};\r\n\r\n if (!Object.create) {\r\n Object.create = function(prototype) {\r\n var obj = function() {\r\n return undefined;\r\n };\r\n obj.prototype = prototype;\r\n return new obj;\r\n };\r\n }\r\n\r\n fn = {\r\n init: function(contentType, loadMoreLink) {\r\n var self = this;\r\n\r\n self.contentType = contentType;\r\n self.loadMoreLink = loadMoreLink;\r\n self.pageNumber = 1;\r\n self.loadingResults = false;\r\n self.lastScrollPosition = 0;\r\n\r\n self.setAttributesForType();\r\n\r\n if (self.containerName) {\r\n $(window).bind('scroll', function() {\r\n var currentPosition = $(this).scrollTop();\r\n if (currentPosition > self.lastScrollPosition) {\r\n if (!self.loadingResults && $(window).scrollTop() >= ($(self.containerName).offset().top + $(self.containerName).outerHeight() - window.innerHeight)) {\r\n self.getNextPageContent();\r\n }\r\n }\r\n self.lastScrollPosition = currentPosition;\r\n });\r\n }\r\n\r\n $(document).on('click', self.loadMoreLink, function(e) {\r\n self.getNextPageContent();\r\n e.stopPropagation();\r\n return false;\r\n });\r\n },\r\n\r\n setAttributesForType: function() {\r\n var self = this;\r\n\r\n if (self.contentType === 'news') {\r\n self.containerName = '.news-wrapper';\r\n self.APIUrl = '/api/NewsServices/NewsListAPI';\r\n } else if (self.contentType === 'events') {\r\n self.containerName = '.event-list-wrapper';\r\n self.APIUrl = '/api/EventsServices/EventsListAPI';\r\n }\r\n },\r\n\r\n setUrlParams: function() {\r\n var self = this;\r\n\r\n self.urlParams = {};\r\n self.urlParams.pageNo = self.pageNumber;\r\n\r\n if (self.contentType === 'news') {\r\n self.urlParams.yearVal = $('.news-filter li.active').attr('data-year');\r\n }\r\n self.urlParams.pageUrl = window.location.href;\r\n },\r\n\r\n getNextPageContent: function() {\r\n var self = this;\r\n var loadMoreContainer = '';\r\n\r\n if (self.pageNumber) {\r\n self.pageNumber++ ;\r\n self.loadingResults = true;\r\n\r\n self.setUrlParams();\r\n loadMoreContainer = $('.load-more-container');\r\n $('.load-more-container').remove();\r\n $(self.containerName).append('![](\"/assets/images/ajax-process-icon.gif\")
');\r\n $.ajax({\r\n method: 'GET',\r\n url : self.APIUrl,\r\n data: self.urlParams,\r\n caches: false,\r\n success: function(data) {\r\n if (data.Success) {\r\n self.updateMarkup(data);\r\n loadMoreContainer.insertAfter($(self.containerName));\r\n } else {\r\n self.pageNumber = 0;\r\n }\r\n },\r\n error: function() {\r\n self.pageNumber = 0;\r\n },\r\n complete: function() {\r\n self.loadingResults = false;\r\n $(self.containerName + ' .loading-container').remove();\r\n }\r\n });\r\n }\r\n },\r\n\r\n updateMarkup: function(paginatedData) {\r\n var self = this;\r\n\r\n if (self.contentType === 'news') {\r\n self.updateNewsMarkup(paginatedData);\r\n } else if (self.contentType === 'events') {\r\n self.updateEventsMarkup(paginatedData);\r\n }\r\n },\r\n\r\n updateNewsMarkup: function(paginatedData) {\r\n var newsMarkup = '';\r\n \r\n for (var i = 0; i < paginatedData.NewsList.length; i++) {\r\n var hasImage = false;\r\n if (paginatedData.NewsList[i].Image)\r\n {\r\n hasImage = true;\r\n }\r\n if (hasImage) {\r\n newsMarkup += '';\r\n newsMarkup += '';\r\n newsMarkup += '';\r\n }\r\n else {\r\n newsMarkup += '';\r\n }\r\n \r\n }\r\n\r\n $(\".news-wrapper\").append('';\r\n }\r\n eventsMarkup += '';\r\n eventsMarkup += '';\r\n eventsMarkup += ' ';\r\n eventsMarkup += '
';\r\n }\r\n\r\n $(\".event-list-wrapper\").append('${clearMessage}
`);\r\n $infoMessage.removeClass('hide-message');\r\n\r\n $(\"#enterCurrentLoc\").val(\"\");\r\n $(\"#form-error-other\").hide();\r\n $(\"#enterCurrentLoc-error\").hide();\r\n\r\n // reset check boxes\r\n $(\"#golden-branches\").prop(\"checked\", true);\r\n $(\"#golden-atms\").prop(\"checked\", true);\r\n $(\"#golden-home-centers\").prop(\"checked\", false);\r\n $(\"#coop-branches\").prop(\"checked\", false);\r\n $(\"#coop-atms\").prop(\"checked\", false);\r\n self.checkedFilters = 1;\r\n\r\n // TODO: reset sort based on userpin\r\n\r\n var tryCenterOnFirst = true;\r\n if (self.userPos && typeof (self.userPos) !== 'undefined') {\r\n tryCenterOnFirst = false;\r\n self.extmap.setCenter(self.userPos);\r\n }\r\n else\r\n self.extmap.setCenter({ lat: 38.599899632629246, lng: -121.44860649999998 })\r\n\r\n self.suppressZoomSearch = true;\r\n self.extmap.setZoom(11);\r\n self.doLocationSearch(false, tryCenterOnFirst, true, true);\r\n });\r\n },\r\n\r\n onPositionReceived: function (position) {\r\n var self = this;\r\n \r\n // this only gets fired after successful callback;\r\n // will not fire immediately after user accepts\r\n\r\n var userPos = {\r\n lat: position.coords.latitude,\r\n lng: position.coords.longitude\r\n };\r\n\r\n self.extmap.setCenter(userPos);\r\n\r\n // after setting new location on map, drop a user pin\r\n self.setUserPin(userPos);\r\n\r\n // Create the DIV to hold the control and call the CenterControl()\r\n // constructor passing in this DIV.\r\n var centerControlDiv = document.createElement('div');\r\n var centerCtrl = new self.centerControl(centerControlDiv);\r\n\r\n // Setup the click event listeners: simply set the map to user location\r\n centerCtrl.addEventListener('click', function () {\r\n $(\"#enterCurrentLoc\").val(\"\");\r\n self.extmap.setCenter(userPos);\r\n self.suppressZoomSearch = true;\r\n self.extmap.setZoom(11);\r\n self.doLocationSearch(false, false, true, false);\r\n });\r\n\r\n centerControlDiv.index = 1;\r\n self.extmap.controls[google.maps.ControlPosition.TOP_CENTER].push(centerControlDiv);\r\n\r\n // searched based on new location\r\n self.doLocationSearch(false, false, true, true);\r\n },\r\n\r\n geoCodePlace: function (formatted_address) {\r\n var self = this; \r\n var georequest = {\r\n 'address': formatted_address,\r\n componentRestrictions: { country: 'us' }\r\n };\r\n\r\n self.geocoder.geocode(georequest, function (results, status) {\r\n if (status == 'OK') {\r\n var topHit = results[0]; \r\n self.finishPlacesSearch(topHit);\r\n } else {\r\n $(\"#form-error-other\").text(\"We were unable to find that location\").show();\r\n console.error(status);\r\n }\r\n });\r\n },\r\n\r\n resetMapMarkersIcons: function () {\r\n var self = this;\r\n $.each(self.markers, function (i, marker) {\r\n var originalIcon = {\r\n url: self.pinIconUrl,\r\n scaledSize: new google.maps.Size(20, 28),\r\n labelOrigin: new google.maps.Point(10, 10)\r\n };\r\n var label = marker.getLabel();\r\n label.fontWeight = 'normal';\r\n label.fontSize = '13px';\r\n\r\n marker.setLabel(label);\r\n marker.setIcon(originalIcon);\r\n });\r\n },\r\n\r\n finishPlacesSearch: function (topHit) {\r\n\r\n var self = this;\r\n\r\n var newPos = {\r\n lat: topHit.geometry.location.lat(),\r\n lng: topHit.geometry.location.lng()\r\n };\r\n\r\n self.extmap.setCenter(newPos);\r\n self.suppressZoomSearch = true;\r\n self.extmap.setZoom(11);\r\n self.doLocationSearch(false, true, true, true);\r\n },\r\n\r\n setUserPin: function (pos) {\r\n var self = this;\r\n\r\n self.userPinDropped = true;\r\n\r\n self.userPos = pos;\r\n\r\n var image = {\r\n url: self.yourLocationMarkerUrl, \r\n scaledSize: new google.maps.Size(20, 28)\r\n };\r\n\r\n //Place marker at user location\r\n self.userpin = new google.maps.Marker({\r\n position: pos,\r\n icon: image, //set the custom marker\r\n map: self.extmap,\r\n animation: google.maps.Animation.DROP,\r\n id: 'geolocation'\r\n });\r\n },\r\n\r\n clearMarkers: function () {\r\n var self = this;\r\n\r\n for (var i = 0; i < self.markers.length; i++) {\r\n self.markers[i].setMap(null);\r\n }\r\n },\r\n\r\n deleteMarkers: function () {\r\n var self = this;\r\n\r\n self.clearMarkers();\r\n self.markers = [];\r\n },\r\n\r\n showLocationInfoWindow: function ($loc) {\r\n var self = this;\r\n var titleToFind = $loc.attr(\"data-pin-id\");\r\n\r\n // find map marker in markers array with the same title\r\n var markerToClick;\r\n $.each(self.markers, function (i, marker) {\r\n if (marker.id === titleToFind) {\r\n markerToClick = self.markers[i];\r\n }\r\n });\r\n\r\n new google.maps.event.trigger(markerToClick, 'click');\r\n },\r\n\r\n doLocationSearch: function (promptLocationOnDone, tryCenterOnFirst, animateMarkers, autoScrollMobile) {\r\n var self = this;\r\n\r\n self.deleteMarkers(); // always clear out all existing markers\r\n $(\"#locations-list\").empty(); //Clear locations list before adding new data\r\n\r\n var bounds = self.extmap.getBounds();\r\n if (!bounds || typeof (bounds) === \"undefined\") {\r\n console.warn('No bounds for search');\r\n return;\r\n }\r\n\r\n // TODO: disable checkboxes? textbox? zoom? pan?\r\n $(\"#locations-list\").html(\"Loading locations ...
\");\r\n $(\"#map-loading\").show();\r\n $(\"#form-error-other\").hide();\r\n\r\n // on mobile scroll down to the mobile switch\r\n if (autoScrollMobile === true && $(\"#mobile-switch\").is(\":visible\"))\r\n $(\"#last-type-filter\").get(0).scrollIntoView();\r\n\r\n var nelat = bounds.getNorthEast().lat();\r\n var nelng = bounds.getNorthEast().lng();\r\n var swlat = bounds.getSouthWest().lat();\r\n var swlng = bounds.getSouthWest().lng();\r\n var mapcenterlat = self.extmap.getCenter().lat();\r\n var mapcenterlng = self.extmap.getCenter().lng();\r\n\r\n // user pos (if ready)\r\n var userlat = null, userlng = null;\r\n if (self.userPos && typeof (self.userPos) !== 'undefined') {\r\n userlat = self.userPos.lat;\r\n userlng = self.userPos.lng;\r\n }\r\n\r\n //var d = new Date();\r\n //var n = d.getTime();\r\n //console.log(n + ': searching ...');\r\n\r\n $.ajax({\r\n url: '/api/BranchLocator/GetLocations',\r\n type: 'POST',\r\n dataType: 'json',\r\n data: {\r\n \"golden1branches\": $(\"#golden-branches\").is(\":checked\"),\r\n \"golden1homecenters\": $(\"#golden-home-centers\").is(\":checked\"),\r\n \"golden1atm\": $(\"#golden-atms\").is(\":checked\"),\r\n \"Golden1FinancialResourceCenter\": $(\"#golden-fin-res-centers\").is(\":checked\"),\r\n \"sharedbranches\": $(\"#coop-branches\").is(\":checked\"),\r\n \"sharedatm\": $(\"#coop-atms\").is(\":checked\"),\r\n \"swlat\": swlat,\r\n \"swlng\": swlng,\r\n \"nelat\": nelat,\r\n \"nelng\": nelng,\r\n \"centerlat\": mapcenterlat,\r\n \"centerlng\": mapcenterlng,\r\n \"userlat\": userlat,\r\n \"userlng\": userlng\r\n }\r\n })\r\n .done(function (data) {\r\n self.processLocationResults(data, tryCenterOnFirst, animateMarkers);\r\n })\r\n .fail(function (xhr, status, error) {\r\n $(\".location-list\").html(\"Please try again
\");\r\n console.error(error);\r\n })\r\n .always(function () {\r\n $(\"#map-loading\").hide();\r\n if (promptLocationOnDone) {\r\n self.retrieveUserLocation();\r\n }\r\n });\r\n },\r\n\r\n retrieveUserLocation: function () {\r\n var self = this;\r\n if (navigator.geolocation) {\r\n setTimeout(function () {\r\n if (!self.locationSettingsKnown)\r\n $(\"#location-message\").toggleClass(\"d-none\", false);\r\n }, 500);\r\n\r\n navigator.geolocation.getCurrentPosition(function (position) {\r\n self.locationSettingsKnown = true;\r\n $(\"#location-message\").toggleClass(\"d-none\", true);\r\n self.onPositionReceived(position);\r\n }, function () {\r\n self.locationSettingsKnown = true;\r\n $(\"#location-message\").toggleClass(\"d-none\", true);\r\n $(\"#form-error-other\").text(\"We were unable to pinpoint your location.\").show();\r\n });\r\n } else {\r\n self.locationSettingsKnown = true;\r\n $(\"#location-message\").toggleClass(\"d-none\", true);\r\n // Browser doesn't support Geolocation\r\n $(\"#form-error-other\").text(\"Your browser doesn't support location services.\").show();\r\n }\r\n },\r\n\r\n processLocationResults: function (data, tryCenterOnFirst, animateMarkers) {\r\n var self = this;\r\n\r\n //console.log(data.length + ' Locations received');\r\n\r\n $(\"#map-loading\").hide();\r\n $(\".location-list\").empty(); //Clear loading message\r\n\r\n //Check is we have data first\r\n if (!$.trim(data) || !$.trim(data.locations)) { //if there is no data\r\n //Setup side HTML\r\n var locationList = '' +\r\n '
';\r\n $(\".location-list\").append(locationList);\r\n //console.log('no data returned');\r\n }\r\n\r\n //console.log(data.length + ' locations returned');\r\n\r\n // Create Bound array\r\n // based on events we are watching, fitting the map to the new\r\n // bounds is causing unexpected results; need to revisit if its desired behavior\r\n //var latlngbounds = new google.maps.LatLngBounds();\r\n\r\n var sharedLocationCount = 0;\r\n var visibleMarkerCount = 0;\r\n var firstPos = null;\r\n var i = 0;\r\n\r\n var currentBounds = self.extmap.getBounds();\r\n\r\n var doAnimate = animateMarkers && data.locations.length <= 25;\r\n\r\n // this needs to be optimized; its a pretty heavy loop to hand on to client\r\n $.each(data.locations, function (key, data) {\r\n\r\n // Get Lat/Lng for each location\r\n var locLatLng = new google.maps.LatLng(data.lat, data.lng);\r\n\r\n if (i === 0) {\r\n firstPos = locLatLng;\r\n }\r\n\r\n if (data.category === 'A' || data.category === 'S')\r\n sharedLocationCount++;\r\n\r\n // Add to Bound\r\n //latlngbounds.extend(locLatLng);\r\n\r\n // Creating a marker and putting it on the map\r\n var marker = self.getLocationMarker(data, locLatLng, doAnimate);\r\n if (doAnimate)\r\n window.setTimeout(function () { self.markers.push(marker); }, i * 200);\r\n else\r\n self.markers.push(marker);\r\n //marker.setMap(self.extmap);\r\n\r\n if (currentBounds.contains(marker.getPosition()))\r\n visibleMarkerCount++;\r\n\r\n //Map Event listener and Info Window display\r\n (function (marker, data) {\r\n google.maps.event.addListener(marker, \"click\", function (e) {\r\n self.resetMapMarkersIcons();\r\n var image = {\r\n url: self.pinActiveIconUrl,\r\n scaledSize: new google.maps.Size(40, 56),\r\n labelOrigin: new google.maps.Point(20, 20)\r\n };\r\n var label = marker.getLabel();\r\n label.fontWeight = 'bold';\r\n label.fontSize = '17px';\r\n\r\n marker.setIcon(image);\r\n marker.setLabel(label);\r\n self.extmap.setCenter(marker.getPosition());\r\n\r\n var activeItemId = \".location-list .loc[data-pin-id='\" + data.id + \"']\";\r\n $(\".location-list .loc\").removeClass(\"active-loc-item\");\r\n\r\n if ($(activeItemId).length > 0) {\r\n $(activeItemId).addClass(\"active-loc-item\");\r\n $(activeItemId)[0].scrollIntoView();\r\n }\r\n });\r\n })(marker, data);\r\n\r\n var features = '';\r\n var holidays = '';\r\n var homeLoansAppButton = '';\r\n\r\n if (data.features.length > 0) {\r\n features = 'Sorry, no results found in this location
' +\r\n '- ';\r\n for (var i = 0; i < data.features.length; i++) {\r\n features += '
- ' + data.features[i] + ' ';\r\n }\r\n features += '
';\r\n holidays += data.holidays;\r\n holidays += '
';\r\n }\r\n\r\n if (data.homeLoansAppUrl && data.homeLoansAppUrl.length > 0) {\r\n homeLoansAppButton = 'Make Appointment';\r\n }\r\n\r\n //Setup side HTML\r\n var distancePoint = data.useCenterDistance === true ? data.distanceToCenter.toFixed(1) : data.distanceToUser.toFixed(1)\r\n var locationList = '' +\r\n '' +\r\n '
';\r\n\r\n $(\".location-list\").append(locationList);\r\n\r\n i++;\r\n });\r\n\r\n $(\".location-list .loc\").on('click', function () {\r\n if (!$(this).parent().hasClass('list-view-active')) {\r\n self.showLocationInfoWindow($(this));\r\n $(\".location-list .loc\").removeClass(\"active-loc-item\");\r\n $(this).addClass(\"active-loc-item\");\r\n $(\"#btn-switch-map\").trigger(\"click\");\r\n\r\n var id = 'mobile-switch';\r\n var element = document.getElementById(id);\r\n element.scrollIntoView(true);\r\n setTimeout(function () {\r\n window.scrollBy(0, -70)\r\n }, 500);\r\n }\r\n });\r\n\r\n if (data.limitedCoOp || sharedLocationCount === 100) {\r\n // all coop locations on visible portion of map arent displayed\r\n self.limitedCoOp = true;\r\n $(\"#form-error-other\").text(\"Limited Co-Op results. Zoom in for finer results.\").show();\r\n }\r\n\r\n if (data.switchedToCoOpATM || data.switchedToCoOpBranch) {\r\n $(\"#form-error-other\").text(\"No Golden 1 locations found. Co-Op matches were automatically included.\").show();\r\n if (data.switchedToCoOpATM) {\r\n $(\"#coop-atms\").prop(\"checked\", true);\r\n self.checkedFilters++;\r\n }\r\n\r\n if (data.switchedToCoOpBranch) {\r\n $(\"#coop-branches\").prop(\"checked\", true);\r\n self.checkedFilters++;\r\n }\r\n }\r\n\r\n var resultsCount = data.locations.length;\r\n //console.info(resultsCount + ' results');\r\n if (resultsCount === 0)\r\n return;\r\n\r\n if (visibleMarkerCount <= 0) {\r\n //console.warn('Zero visible markers');\r\n if (tryCenterOnFirst) {\r\n //console.info('recentering on first marker');\r\n self.extmap.setCenter(firstPos);\r\n }\r\n else {\r\n //console.info(visibleMarkerCount + ' visible markers');\r\n }\r\n }\r\n },\r\n\r\n getLocationMarker: function (data, locLatLng, animate) {\r\n var self = this;\r\n\r\n var image = {\r\n url: self.pinIconUrl,\r\n scaledSize: new google.maps.Size(20, 28),\r\n labelOrigin: new google.maps.Point(10, 10)\r\n };\r\n\r\n return new google.maps.Marker({\r\n map: self.extmap,\r\n position: locLatLng,\r\n title: data.title,\r\n label: {\r\n text: data.order,\r\n color: '#ffffff',\r\n fontSize: '13px',\r\n fontWeight: 'normal'\r\n },\r\n icon: image,\r\n animation: (animate ? google.maps.Animation.DROP : null),\r\n id: data.id\r\n });\r\n },\r\n\r\n centerControl: function (controlDiv) {\r\n\r\n // Set CSS for the control border.\r\n var controlUI = document.createElement('div');\r\n controlUI.style.backgroundColor = '#fff';\r\n controlUI.style.border = '2px solid #fff';\r\n controlUI.style.borderRadius = '3px';\r\n controlUI.style.boxShadow = '0 2px 6px rgba(0,0,0,.3)';\r\n controlUI.style.cursor = 'pointer';\r\n controlUI.style.marginBottom = '22px';\r\n controlUI.style.textAlign = 'center';\r\n controlUI.title = 'Click to recenter the map on your location';\r\n controlDiv.appendChild(controlUI);\r\n\r\n // Set CSS for the control interior.\r\n var controlText = document.createElement('div');\r\n controlText.style.color = 'rgb(25,25,25)';\r\n controlText.style.fontFamily = 'Roboto,Arial,sans-serif';\r\n controlText.style.fontSize = '16px';\r\n controlText.style.lineHeight = '38px';\r\n controlText.style.paddingLeft = '10px';\r\n controlText.style.paddingRight = '10px';\r\n controlText.innerHTML = '' + `
' +\r\n '${data.title}
` + '' + data.locationType + '
' + distancePoint + '
miles
' +\r\n '
' +\r\n homeLoansAppButton +\r\n (data.hasApp ? 'Make Appointment' : '') +\r\n ' 0 ? 'd-block' : 'd-none') + '\">' +\r\n '
' + features + '' + data.hours.replace(/\\\\n/g, '
') + '
' + holidays + '') + '
';\r\n newsMarkup += '
';\r\n newsMarkup += '' + paginatedData.NewsList[i].Date + '
';\r\n newsMarkup += '';\r\n newsMarkup += '';\r\n newsMarkup += '
' + paginatedData.NewsList[i].Date + '
' + newsMarkup + '
');\r\n },\r\n\r\n updateEventsMarkup: function(paginatedData) {\r\n var eventsMarkup = '';\r\n\r\n for(var i = 0; i < paginatedData.EventsList.length; i++) {\r\n eventsMarkup += '';\r\n eventsMarkup += '
';\r\n eventsMarkup += '';\r\n if (!paginatedData.EventsList[i].EndDate) {\r\n eventsMarkup += '
';\r\n }\r\n else {\r\n eventsMarkup += '' + paginatedData.EventsList[i].Date + '' + paginatedData.EventsList[i].Time + '
' + paginatedData.EventsList[i].Date + ' TO ' + paginatedData.EventsList[i].EndDate + '' + paginatedData.EventsList[i].Time + '
';\r\n if (paginatedData.EventsList[i].HasBranchDetails) {\r\n eventsMarkup += '
' + paginatedData.EventsList[i].Branch.BranchName + '
';\r\n eventsMarkup += '' + paginatedData.EventsList[i].Branch.Address1 + ' ' + paginatedData.EventsList[i].Branch.Address2 + '' + paginatedData.EventsList[i].Branch.City + ', ' + paginatedData.EventsList[i].Branch.State + ' ' + paginatedData.EventsList[i].Branch.ZipCode + '
';\r\n }\r\n eventsMarkup += '' + eventsMarkup + '
');\r\n eventContentEllipsis();\r\n }\r\n };\r\n\r\n return {\r\n init: function(contentType, loadMoreLink) {\r\n var paginator = Object.create(fn);\r\n paginator.init(contentType, loadMoreLink);\r\n return paginator;\r\n }\r\n };\r\n})();\r\n\r\nif ($('.event-list-wrapper').length) {\r\n var eventPaginator = scrollPagination.init('events', '.events-load-more');\r\n}\r\n\r\nif ($('.news-wrapper').length) {\r\n var newsPaginator = scrollPagination.init('news', '.news-load-more');\r\n}","\r\nvar searchResultsPagination = (function() {\r\n var fn = {};\r\n\r\n if (!Object.create) {\r\n Object.create = function(prototype) {\r\n var obj = function() {\r\n return undefined;\r\n };\r\n obj.prototype = prototype;\r\n return new obj;\r\n };\r\n }\r\n\r\n fn = {\r\n init: function() {\r\n var self = this;\r\n\r\n self.pageNumber = 1;\r\n self.currentPageNumber = 1;\r\n self.loadingResults = false;\r\n self.APIUrl = '/api/SearchApi/GetSearchResults';\r\n\r\n $(document).on('click', '.search-result-actions .btn-result-prev', function(e) {\r\n self.pageNumber = self.currentPageNumber - 1;\r\n var context = e.target.getAttribute('data-context');\r\n self.context = context;\r\n self.getSearchResults();\r\n e.stopPropagation();\r\n return false;\r\n });\r\n\r\n $(document).on('click', '.search-result-actions .btn-result-next', function(e) {\r\n self.pageNumber = self.currentPageNumber + 1;\r\n var context = e.target.getAttribute('data-context');\r\n self.context = context;\r\n self.getSearchResults();\r\n e.stopPropagation();\r\n return false;\r\n });\r\n },\r\n\r\n setUrlParams: function() {\r\n var self = this;\r\n\r\n self.urlParams = {};\r\n self.urlParams.keyword = $('#refine-search').val();\r\n self.urlParams.pageNum = self.pageNumber;\r\n self.urlParams.pageSize = 10;\r\n if(self.context) {\r\n self.urlParams.context = self.context;\r\n }\r\n },\r\n\r\n getSearchResults: function() {\r\n var self = this;\r\n\r\n if (self.pageNumber) {\r\n self.loadingResults = true;\r\n\r\n self.setUrlParams();\r\n $('.search-container .loading-container').show();\r\n $.ajax({\r\n method: 'GET',\r\n url : self.APIUrl,\r\n data: self.urlParams,\r\n caches: false,\r\n success: function(data) {\r\n if (data.Success) {\r\n self.currentPageNumber = self.pageNumber;\r\n self.updateMarkup(data.SearchList);\r\n if(self.currentPageNumber === 1) {\r\n $('.search-result-actions .btn-result-prev').hide();\r\n } else {\r\n $('.search-result-actions .btn-result-prev').show();\r\n }\r\n\r\n if(!data.isAvailable) {\r\n $('.search-result-actions .btn-result-next').hide();\r\n } else {\r\n $('.search-result-actions .btn-result-next').show();\r\n }\r\n } else {\r\n self.pageNumber = self.currentPageNumber;\r\n }\r\n },\r\n error: function() {\r\n self.pageNumber = self.currentPageNumber;\r\n },\r\n complete: function() {\r\n self.loadingResults = false;\r\n $('.search-container .loading-container').hide();\r\n\r\n $('html').animate({\r\n scrollTop: $('#sSWResults').offset().top - 200\r\n }, 500); \r\n }\r\n });\r\n }\r\n },\r\n\r\n updateMarkup: function(SearchList) {\r\n var searchResultsMarkup = '';\r\n\r\n for(var i = 0; i < SearchList.length; i++) {\r\n searchResultsMarkup += '';\r\n searchResultsMarkup += '' + SearchList[i].Title + '';\r\n if(SearchList[i].Description) {\r\n searchResultsMarkup += '
';\r\n }\r\n\r\n $(\".search-results\").html(searchResultsMarkup);\r\n }\r\n };\r\n\r\n return {\r\n init: function() {\r\n var paginator = Object.create(fn);\r\n paginator.init();\r\n return paginator;\r\n }\r\n };\r\n})();\r\n\r\n$(function() {\r\n if ($('.search-results').length) {\r\n var searchResultsPaginator = searchResultsPagination.init();\r\n }\r\n var $refineSearch = $(\"#refine-search\");\r\n if ($refineSearch) {\r\n $refineSearch.focus();\r\n }\r\n});\r\n","var BlogsData, sortedList;\r\nvar BloglistedCount;\r\nvar FilteredBlogs = [];\r\nvar setBlogsPerpage;\r\nvar FilterOptions = { category: [], mediaType: [], sortBy: 'Newest' };\r\nvar filterState = false;\r\nvar sortState = false;\r\nvar MonthsList = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\nvar isMoreRelatedArticlesOpen = false;\r\n$(\"#viewMoreBlogs\").hide();\r\n$(function () {\r\n $(document).ready(function () {\r\n $('#cat-btn').click(function () {\r\n $('#cat-popup').show();\r\n $('#filter-popup').hide();\r\n });\r\n $('.cat-collapse-btn').click(function () {\r\n $('#cat-popup').hide();\r\n });\r\n $('#filter-btn').click(function () {\r\n $('#filter-popup').show();\r\n $('#cat-popup').hide();\r\n });\r\n $('.filter-collapse-btn').click(function () {\r\n $('#filter-popup').hide();\r\n });\r\n setBlogsPerpage = $(\"#blogsperpage\").val();\r\n var checkBlogPage = $(\".blog-list-box\");\r\n if (checkBlogPage.length > 0) {\r\n\r\n $.ajax({\r\n method: \"get\",\r\n url: '/api/BlogApi/GetBlogs',\r\n //data: '{\"currentPage\":0, \"itemsPerPage\" : 10, \"category\": \"\", \"mediaType\":\"\", \"sortBy\":0}',\r\n dataType: 'JSON',\r\n success: function (result) {\r\n BlogsData = sortBlogs(result.Data.Blogs, 'Newest');\r\n //console.log(BlogsData);\r\n UpdateBlogs(BlogsData, setBlogsPerpage);\r\n if (setBlogsPerpage < BlogsData.length) {\r\n $(\"#viewMoreBlogs\").show();\r\n }\r\n },\r\n error: function (error) {\r\n console.log(error.responseText);\r\n }\r\n });\r\n }\r\n $('#viewMoreBlogs').click(function () {\r\n BloglistedCount = BloglistedCount + setBlogsPerpage;\r\n if (filterState == true) {\r\n UpdateBlogs(FilteredBlogs, BloglistedCount);\r\n }\r\n else {\r\n UpdateBlogs(BlogsData, BloglistedCount);\r\n }\r\n });\r\n $('#copyBlogLinkToClipboard').click(function () {\r\n var $temp = $(\"\");\r\n var $url = $(location).attr('href');\r\n $(\"body\").append($temp);\r\n $temp.val($url).select();\r\n document.execCommand(\"copy\");\r\n $temp.remove();\r\n $(this).append('' + SearchList[i].Description + '
';\r\n }\r\n searchResultsMarkup += 'Link Copied
');\r\n $(this).find('div').fadeOut(1000);\r\n })\r\n $('#viewMoreRelatedArticles').on('click', function () {\r\n if (isMoreRelatedArticlesOpen) {\r\n var articlesToHide = [];\r\n $('#related-articles').find('.article-snippet').each(function (index) {\r\n if (index > 2) {\r\n articlesToHide.push(this);\r\n }\r\n });\r\n $.each(articlesToHide, function () {\r\n $(this).addClass('d-none');\r\n });\r\n\r\n $('#viewMoreRelatedArticles').html('View More');\r\n isMoreRelatedArticlesOpen = false;\r\n }\r\n else {\r\n $('#related-articles').find('.article-snippet.d-none').removeClass('d-none');\r\n $('#viewMoreRelatedArticles').html('View Less');\r\n isMoreRelatedArticlesOpen = true;\r\n }\r\n });\r\n $(\"#page_back_btn\").on('click', function () {\r\n window.history.go(-1);\r\n });\r\n $('.blogCatCheckbox').change(function () {\r\n var checkbox = $(this);\r\n //console.log(checkbox[0].checked);\r\n if (checkbox[0].checked == true) {\r\n if (FilterOptions.category.indexOf(checkbox[0].id) > -1) {\r\n FilteringBlogs();\r\n } else {\r\n FilterOptions.category.push(checkbox[0].id);\r\n FilteringBlogs();\r\n }\r\n } else {\r\n if (FilterOptions.category.indexOf(checkbox[0].id) > -1) {\r\n FilterOptions.category.splice(FilterOptions.category.indexOf(checkbox[0].id), 1);\r\n FilteringBlogs();\r\n } else {\r\n FilteringBlogs();\r\n }\r\n }\r\n\r\n });\r\n $('.blogMediaType').change(function () {\r\n var checkbox = $(this);\r\n console.log(checkbox[0].checked);\r\n if (checkbox[0].checked == true) {\r\n if (FilterOptions.mediaType.indexOf(checkbox[0].id) > -1) {\r\n FilteringBlogs();\r\n } else {\r\n FilterOptions.mediaType.push(checkbox[0].id);\r\n FilteringBlogs();\r\n }\r\n } else {\r\n if (FilterOptions.mediaType.indexOf(checkbox[0].id) > -1) {\r\n FilterOptions.mediaType.splice(FilterOptions.mediaType.indexOf(checkbox[0].id), 1);\r\n FilteringBlogs();\r\n } else {\r\n FilteringBlogs();\r\n }\r\n }\r\n\r\n });\r\n $('.blogsSortType').change(function () {\r\n var checkbox = $(this);\r\n sortState = true;\r\n FilterOptions.sortBy = checkbox[0].value;\r\n FilteringBlogs();\r\n });\r\n\r\n });\r\n});\r\n$(document).on('click', '.video', function () {\r\n\r\n});\r\n$(document).on(\"click\", \".closeBtn\", function () {\r\n $.magnificPopup.close();\r\n});\r\nfunction UpdateBlogs(data, blogsPerPage) {\r\n var blogs = data;\r\n var blogsPerPage = blogsPerPage;\r\n BloglistedCount = blogsPerPage;\r\n var blogsCount;\r\n if (data.length <= blogsPerPage) { blogsCount = data.length; $('#viewMoreBlogs').hide(); } else { blogsCount = blogsPerPage; $('#viewMoreBlogs').show(); };\r\n var blogsHtmlContent = '';\r\n var align = 'left';\r\n if (data.length == 0) {\r\n blogsHtmlContent = 'No Blogs Found!
';\r\n blogsHtmlContent += '';\r\n if (blogs[i].MediaType != '2E859331AC0E4F42BCF3D62F0A0E611C') {\r\n blogsHtmlContent += '';\r\n }\r\n blogsHtmlContent += '';\r\n blogsHtmlContent += '' + blogs[i].Description + ' ';\r\n blogsHtmlContent += '';\r\n blogsHtmlContent += '
![](\"../assets/images/icon-play-white.svg\"){kind=icon}
' + blogs[i].CategoryNames.split('|').join(', ') + '
' + '' + blogs[i].Title + '
';\r\n blogsHtmlContent += '
';\r\n } else if (blogs[i].MediaType == '230C2277EF3B4B8C83585C3FB827359B') {\r\n blogsHtmlContent += '';\r\n blogsHtmlContent += '';\r\n blogsHtmlContent += '
';\r\n }\r\n\r\n\r\n //blog popup block end\r\n if (align == 'left') {\r\n align = 'center';\r\n } else if (align == 'center') {\r\n align = 'right';\r\n } else if (align == 'right') {\r\n align = 'left';\r\n }\r\n }\r\n }\r\n console.log(data);\r\n $('#blogsloader').hide();\r\n $(\".blog-list-box\").html(blogsHtmlContent);\r\n $(\".video\").magnificPopup({\r\n type: \"inline\",\r\n midClick: true,\r\n fixedContentPos: false,\r\n callbacks: {\r\n open: function () {\r\n lastFocusedElement = document.activeElement;\r\n var elementID = $(lastFocusedElement).attr(\"href\");\r\n $(\"html, body, main, .mfp-preloader, .skip-link\").attr({\r\n tabindex: -1,\r\n });\r\n $(elementID).find(\"video\").attr(\"tabindex\", 0).focus();\r\n },\r\n close: function () {\r\n $(\"html, body, main, .mfp-preloader, .skip-link\").attr({\r\n tabindex: \"\",\r\n });\r\n if (lastFocusedElement) {\r\n $(lastFocusedElement).focus();\r\n }\r\n\r\n //Stop video play on change\r\n instances.forEach(function (instance) {\r\n instance.pause();\r\n });\r\n },\r\n },\r\n });\r\n var instances;\r\n var videoPlay = function () {\r\n if ($(\".video-player\").length || $(\".audio-player\").length) {\r\n instances = plyr.setup({\r\n // Output to console\r\n //debug: true,\r\n hideControls: false,\r\n showPosterOnEnd: false,\r\n });\r\n\r\n var i = 1;\r\n instances.forEach(function (instance) {\r\n instance.on(\"ready\", function (event) {\r\n instance.getContainer().setAttribute(\"id\", \"plyId-\" + i);\r\n instance.plyId = \"plyr-\" + i;\r\n i++;\r\n });\r\n instance.on(\"play\", function (event) {\r\n var currentPid = instance.plyId;\r\n instances.forEach(function (instance) {\r\n if (currentPid != instance.plyId) {\r\n instance.pause();\r\n }\r\n });\r\n });\r\n });\r\n }\r\n };\r\n videoPlay();\r\n $(\".popup\").magnificPopup({\r\n type: \"inline\",\r\n midClick: true,\r\n fixedContentPos: false,\r\n overflowY: \"scroll\",\r\n callbacks: {\r\n open: function () {\r\n jQuery(\"body\").addClass(\"noscroll\"),\r\n $(\"html, body, main, .mfp-preloader, .skip-link\").attr({\r\n tabindex: -1,\r\n });\r\n },\r\n close: function () {\r\n jQuery(\"body\").removeClass(\"noscroll\"),\r\n $(\"html, body, main, .mfp-preloader, .skip-link\").attr({\r\n tabindex: \"\",\r\n });\r\n },\r\n },\r\n });\r\n}\r\nfunction FilteringBlogs() {\r\n console.log(FilterOptions);\r\n var blogsList = BlogsData;\r\n FilteredBlogs = [];\r\n if (FilterOptions.category.length > 0) {\r\n $.each(FilterOptions.category, function (e) {\r\n if (FilterOptions.mediaType.length > 0) {\r\n $.each(FilterOptions.mediaType, function (j) {\r\n $.each(blogsList, function (i) {\r\n if ((blogsList[i].Categories.indexOf(FilterOptions.category[e]) > -1) && (blogsList[i].MediaType.indexOf(FilterOptions.mediaType[j]) > -1)) {\r\n\r\n if (!FilteredBlogs.some(function (e) { return e.ID == blogsList[i].ID })) {\r\n FilteredBlogs.push(blogsList[i]);\r\n }\r\n }\r\n });\r\n });\r\n }\r\n else {\r\n $.each(blogsList, function (i) {\r\n if (blogsList[i].Categories.indexOf(FilterOptions.category[e]) > -1) {\r\n if (!FilteredBlogs.some(function (e) { return e.ID == blogsList[i].ID })) {\r\n FilteredBlogs.push(blogsList[i]);\r\n }\r\n }\r\n });\r\n }\r\n });\r\n\r\n filterState = true;\r\n }\r\n else if (FilterOptions.mediaType.length > 0) {\r\n $.each(FilterOptions.mediaType, function (j) {\r\n $.each(blogsList, function (i) {\r\n if (blogsList[i].MediaType.indexOf(FilterOptions.mediaType[j]) > -1) {\r\n if (!FilteredBlogs.some(function (e) { return e.ID == blogsList[i].ID })) {\r\n FilteredBlogs.push(blogsList[i]);\r\n }\r\n }\r\n });\r\n });\r\n filterState = true;\r\n }\r\n else {\r\n filterState = false;\r\n }\r\n\r\n if (filterState == true) {\r\n sortBlogs(FilteredBlogs, FilterOptions.sortBy);\r\n UpdateBlogs(FilteredBlogs, BloglistedCount);\r\n }\r\n else {\r\n if (sortState == true) {\r\n UpdateBlogs(sortBlogs(BlogsData, FilterOptions.sortBy), BloglistedCount);\r\n }\r\n else {\r\n UpdateBlogs(blogsList, BloglistedCount);\r\n }\r\n }\r\n console.log(FilteredBlogs);\r\n\r\n}\r\nfunction sortBlogs(data, type) {\r\n if (type == \"Newest\") {\r\n sortedList = data.sort(function (a, b) {\r\n var dateA = new Date(a.BlogDate);\r\n var dateB = new Date(b.BlogDate);\r\n return dateB - dateA;\r\n });\r\n console.log(sortedList);\r\n return sortedList;\r\n }\r\n else if (type == \"MostPopular\") {\r\n sortedList = data.sort(function (a, b) {\r\n return b.PopularScore - a.PopularScore;\r\n });\r\n console.log(sortedList);\r\n return sortedList;\r\n }\r\n else if (type == \"Featured\") {\r\n sortedList = data.sort(function (a, b) {\r\n return b.Featured - a.Featured;\r\n });\r\n console.log(sortedList);\r\n return sortedList;\r\n };\r\n}\r\n\r\n","// detect-browser.js v0.1\r\n// Get Browser Data\r\n\r\n// MIT License\r\n\r\n// Copyright (c) 2018 Ahmad Raza\r\n\r\n// Permission is hereby granted, free of charge, to any person obtaining a copy\r\n// of this software and associated documentation files (the \"Software\"), to deal\r\n// in the Software without restriction, including without limitation the rights\r\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\n// copies of the Software, and to permit persons to whom the Software is\r\n// furnished to do so, subject to the following conditions:\r\n\r\n// The above copyright notice and this permission notice shall be included in all\r\n// copies or substantial portions of the Software.\r\n\r\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\n// SOFTWARE.\r\n\r\n\r\nvar browser_data = [];\r\nvar languages = [];\r\nvar user_agent;\r\nvar browser;\r\nvar os;\r\nvar os_type;\r\nvar os_bit;\r\nvar device;\r\nvar device_type;\r\nvar timezone;\r\nvar language;\r\nvar screen_resolution;\r\nvar online;\r\nvar cookie_enabled;\r\nvar referer;\r\nvar IP;\r\n\r\nfunction getBrowser() {\r\n setBrowserInfo();\r\n\r\n browser_data =\r\n //\"language: \" + navigator.language +\r\n //\"; languages: \" + navigator.languages +\r\n \"browser: \" + browser +\r\n \"; device: \" + device +\r\n //\"; referer: \" + referer +\r\n \"; os: \" + os +\r\n //\"; online: \" + navigator.onLine +\r\n //\"; timezone: \" + Intl.DateTimeFormat().resolvedOptions().timeZone +\r\n \"; user_agent: \" + navigator.userAgent +\r\n \"; screen_resolution: \" + screen.width + ' x ' + screen.height +\r\n \"; cookie_enabled: \" + navigator.cookieEnabled;\r\n\r\n //console.info(browser_data);\r\n \r\n return browser_data;\r\n}\r\n\r\nfunction getBrowserInfo() {\r\n setBrowserInfo();\r\n\r\n var browserInfo = { \r\n os: os, \r\n device: device, \r\n browser: browser, \r\n userAgent : navigator.userAgent, \r\n width: screen.width, \r\n height: screen.height \r\n };\r\n\r\n return browserInfo;\r\n}\r\n\r\nfunction setBrowserInfo() {\r\n referer = (document.referer == undefined) ? 'N/A' : document.referer;\r\n device = (/Mobi/.test(navigator.userAgent) == true) ? \"Mobile\" : \"Desktop\";\r\n\r\n // Opera 8.0+\r\n var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;\r\n\r\n // Firefox 1.0+\r\n var isFirefox = typeof InstallTrigger !== 'undefined';\r\n\r\n // Safari 3.0+ \"[object HTMLElementConstructor]\" \r\n var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === \"[object SafariRemoteNotification]\"; })(!window['safari'] || safari.pushNotification);\r\n\r\n // Internet Explorer 6-11\r\n var isIE = /*@cc_on!@*/false || !!document.documentMode;\r\n\r\n // Edge 20+\r\n var isEdge = !isIE && !!window.StyleMedia;\r\n\r\n // Chrome 1+\r\n var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);\r\n\r\n if (isOpera == true) {\r\n browser = \"Opera\";\r\n }\r\n else if (isFirefox == true) {\r\n browser = \"FireFox\";\r\n }\r\n else if (isSafari == true) {\r\n browser = \"Safari\";\r\n }\r\n else if (isIE == true) {\r\n browser = \"Internet Explorer\";\r\n }\r\n else if (isEdge == true) {\r\n browser = \"Microsoft Edge\";\r\n }\r\n else if (isChrome == true) {\r\n browser = \"Chrome\";\r\n }\r\n\r\n if (device == \"Desktop\") {\r\n if (/Windows/.test(navigator.userAgent) == true) {\r\n os = \"Windows\";\r\n if (/5.1;/.test(navigator.userAgent) == true) {\r\n os = os + \" XP\";\r\n }\r\n else if (/6.0;/.test(navigator.userAgent) == true) {\r\n os = os + \" Vista\";\r\n }\r\n else if (/6.1;/.test(navigator.userAgent) == true) {\r\n os = os + \" 7\";\r\n }\r\n else if (/6.2/.test(navigator.userAgent) == true) {\r\n os = os + \" 8\";\r\n }\r\n else if (/10.0;/.test(navigator.userAgent) == true) {\r\n os = os + \" 10\";\r\n }\r\n\r\n if (/64/.test(navigator.userAgent) == true) {\r\n os = os + \" 64-bit\";\r\n }\r\n else {\r\n os = os + \" 32-bit\";\r\n }\r\n }\r\n else if (/Macintosh/.test(navigator.userAgent) == true) {\r\n os = \"Macintosh\";\r\n if (/OS X/.test(navigator.userAgent) == true) {\r\n os = os + ' OS X';\r\n\r\n //On newer iPads, the device is actually \"Desktop OS X\" even though it's an iPad\r\n //We will have to see if we have touchpoints to determine if the device uses apps.\r\n //Thanks Apple. :)\r\n if(navigator.maxTouchPoints > 1) {\r\n os = \"iOS \" + os;\r\n device = \"Mobile\";\r\n }\r\n }\r\n }\r\n }\r\n else if (device == \"Mobile\") {\r\n if (/Windows/.test(navigator.userAgent) == true) {\r\n os = \"Windows\";\r\n if (/Phone 8.0/.test(navigator.userAgent) == true) {\r\n os = os + \" Phone 8.0\";\r\n }\r\n else if (/Phone 10.0/.test(navigator.userAgent) == true) {\r\n os = os + \" Phone 10.0\";\r\n }\r\n }\r\n else if (/Android/.test(navigator.userAgent) == true) {\r\n function AndroidVersion() {\r\n if (/Android/.test(navigator.appVersion)) {\r\n var v = (navigator.appVersion).match(/Android (\\d+)/);\r\n return v;\r\n }\r\n }\r\n\r\n var ver = AndroidVersion();\r\n if(ver) {\r\n os = ver[0];\r\n }\r\n else {\r\n os = \"Android\"\r\n }\r\n }\r\n else if (/iPhone;/.test(navigator.userAgent) == true) {\r\n function iOSversion() {\r\n if (/iP(hone|od|ad)/.test(navigator.appVersion)) {\r\n var v = (navigator.appVersion).match(/OS (\\d+)_(\\d+)_?(\\d+)?/);\r\n return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)];\r\n }\r\n }\r\n\r\n var ver = iOSversion();\r\n if(ver) {\r\n os = \"iOS \" + ver[0] + \".\" + ver[1] + \".\" + ver[2];\r\n }\r\n else\r\n {\r\n os = \"iOS\"\r\n }\r\n }\r\n else if (/iPad;/.test(navigator.userAgent) == true) {\r\n function iOSversion() {\r\n if (/iP(hone|od|ad)/.test(navigator.appVersion)) {\r\n var v = (navigator.appVersion).match(/OS (\\d+)_(\\d+)_?(\\d+)?/);\r\n return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)];\r\n }\r\n }\r\n\r\n var ver = iOSversion();\r\n if(ver) {\r\n os = \"iOS \" + ver[0] + \".\" + ver[1] + \".\" + ver[2];\r\n }\r\n else {\r\n os = \"iOS\"\r\n }\r\n }\r\n else if (/BBd*/.test(navigator.userAgent) == true) {\r\n os = \"BlackBerry\";\r\n }\r\n }\r\n}\r\n\r\n","$(function () {\r\n $(document).ready(function () {\r\n //Make this only initialize if there is a dynamic form\r\n var checkDynamicFormPage = $(\".dynamic-form\");\r\n if (checkDynamicFormPage.length > 0) {\r\n InitializeDynamicForms();\r\n }\r\n });\r\n \r\n function InitializeDynamicForms() {\r\n console.log('InitializeDynamicForms()');\r\n \r\n var submitButtonEl = $('.dynamic-form-form button[type=submit]')[0];\r\n var form = $('.dynamic-form-form');\r\n var formEl = form[0];\r\n \r\n form.on('submit', function (form) {\r\n var dynamicFormId = $(this).attr('dynamic-form-id');\r\n var recaptchaSiteKey = $(this).attr('recaptcha-site-key');\r\n var recaptchaAction = $(this).attr('recaptcha-action');\r\n var validatorCssClass = 'dynamic-form-validation';\r\n var validationGroup = $(this).attr('dynamic-form-validation-group');\r\n console.log('Dynamic Form Submit Post - dynamic-form-id=' + dynamicFormId + ' ,dynamic-form-validator-css-class=' + validatorCssClass + ' ,dynamic-form-validation-group=' + validationGroup);\r\n var currentValidationStep = $('#currentValidationStep').val();\r\n var formIsValid = validateDynamicForm(dynamicFormId, validationGroup, validatorCssClass, currentValidationStep);\r\n var dynamicFormSubmitLoadingId = 'dynamic-form-submit-loading-' + dynamicFormId;\r\n var formType = $(this).attr('method');\r\n var formUrl = $(this).attr('action');\r\n var recaptchaToken = '';\r\n var formSubmitted = false;\r\n var formData = $(this).serializeArray();\r\n\r\n if (typeof grecaptcha !== \"undefined\" && grecaptcha && formIsValid) {\r\n if (recaptchaSiteKey && recaptchaAction) {\r\n console.log('grecaptcha sitekey and action');\r\n $('#' + dynamicFormSubmitLoadingId).show();\r\n grecaptcha.ready(function () {\r\n console.log('grecaptcha ready');\r\n formSubmitted = true;\r\n grecaptcha.execute(recaptchaSiteKey, ({ action: recaptchaAction })).then(function (token) {\r\n\r\n recaptchaToken = token;\r\n console.log('token');\r\n console.log(recaptchaToken);\r\n\r\n if (formIsValid) {\r\n formData.push({ name: 'RecaptchaResponse', value: recaptchaToken });\r\n console.log('form data ' + recaptchaToken);\r\n console.log(formData);\r\n $.ajax({\r\n data: formData,\r\n type: formType,\r\n url: formUrl,\r\n async:false,\r\n success: function (responseData, textStatus, xhr) {\r\n console.log('xhr status ');\r\n console.log(xhr.status);\r\n console.log(xhr);\r\n if (xhr.status == 200) {\r\n $('.dynamic-form-submit-success').show();\r\n var FsId = $('.dynamic-form-submit-success').attr('id');\r\n console.log(FsId);\r\n console.log($(FsId));\r\n $('#' + FsId).scrollTop(400);\r\n $('.dynamic-form-submit-success-hide').hide();\r\n $('.dynamic-form-submit-error').hide();\r\n $('#' + dynamicFormSubmitLoadingId).hide();\r\n console.log('flex form submit success');\r\n //console.log(responseData);\r\n formSubmitted = true;\r\n\r\n // track success\r\n window.adobeAnalytics.events.formSuccess.track(formEl, submitButtonEl);\r\n }\r\n else {\r\n $('.dynamic-form-submit-error').show();\r\n $('.dynamic-form-submit-success').hide();\r\n $('#' + dynamicFormSubmitLoadingId).hide();\r\n console.log('flex form submit page response error');\r\n console.log(responseData);\r\n \r\n // track error\r\n window.adobeAnalytics.events.formError.track(formEl, submitButtonEl, 'form success response error');\r\n }\r\n },\r\n error: function (responseData) {\r\n $('.dynamic-form-submit-error').show();\r\n $('.dynamic-form-submit-success').hide();\r\n $('#' + dynamicFormSubmitLoadingId).hide();\r\n console.log('flex form submit fail');\r\n console.log(responseData);\r\n \r\n // track error\r\n window.adobeAnalytics.events.formError.track(formEl, submitButtonEl, 'form submission error');\r\n }\r\n });\r\n }\r\n\r\n\r\n });\r\n });\r\n }\r\n }\r\n else if(formIsValid && formSubmitted == false) {\r\n\r\n $('#' + dynamicFormSubmitLoadingId).show();\r\n var formData = $(this).serializeArray();\r\n formData.push({ name: 'RecaptchaResponse', value: recaptchaToken });\r\n console.log('form data ' + recaptchaToken);\r\n console.log(formData);\r\n $.ajax({\r\n data: formData,\r\n type: formType,\r\n url: formUrl,\r\n success: function (data) {\r\n $('.dynamic-form-submit-success').show();\r\n var FsId = $('.dynamic-form-submit-success').attr('id');\r\n console.log(FsId);\r\n console.log($(FsId));\r\n $('#' + FsId).scrollTop(400);\r\n $('.dynamic-form-submit-success-hide').hide();\r\n $('.dynamic-form-submit-error').hide();\r\n $('#' + dynamicFormSubmitLoadingId).hide();\r\n console.log('flex form submit success');\r\n console.log(data);\r\n\r\n // track success\r\n window.adobeAnalytics.events.formSuccess.track(formEl, submitButtonEl);\r\n },\r\n error: function (data) {\r\n $('.dynamic-form-submit-error').show();\r\n $('.dynamic-form-submit-success').hide();\r\n $('#' + dynamicFormSubmitLoadingId).hide();\r\n console.log('flex form submit error');\r\n console.log(data);\r\n\r\n // track error\r\n window.adobeAnalytics.events.formError.track(formEl, submitButtonEl, 'form submission error');\r\n }\r\n });\r\n } else if (!formIsValid) {\r\n // track error\r\n window.adobeAnalytics.events.formError.track(formEl, submitButtonEl, 'form input is not valid');\r\n } else {\r\n // track error\r\n window.adobeAnalytics.events.formError.track(formEl, submitButtonEl, 'unspecified form error');\r\n }\r\n \r\n return false;\r\n })\r\n\r\n\r\n $('.dynamic-form-input').on('change input', function () {\r\n //console.log('on change input ' + $(this).attr('id') + ' ' + $(this).val());\r\n var dynamicFormId = $(this).attr('dynamic-form-id');\r\n var formStatus = $('#formStatus' + dynamicFormId).val();\r\n if (formStatus != '' && formStatus !== 'undefined') {\r\n var validatorCssClass = 'dynamic-form-validation';//+ formStatus;\r\n var validationGroup = $('#currentValidationGroup').val();\r\n //console.log('trigger validation on input - dynamic-form-id=' + dynamicFormId + ' ,validator-css-class=' + validatorCssClass + ' ,validation-group=' + validationGroup);\r\n var currentValidationStep = $('#currentValidationStep').val();\r\n\r\n var formIsValid = validateDynamicForm(dynamicFormId, validationGroup, validatorCssClass, currentValidationStep);\r\n }\r\n\r\n\r\n })\r\n //todo: remove this copy and pase\r\n $('.dynamic-form-validated-input').on('change input', function () {\r\n //console.log('on change input ' + $(this).attr('id') + ' ' + $(this).val());\r\n var dynamicFormId = $(this).attr('dynamic-form-id');\r\n var formStatus = $('#formStatus' + dynamicFormId).val();\r\n if (formStatus != '' && typeof formStatus !== 'undefined') {\r\n var validatorCssClass = 'dynamic-form-validation';//+ formStatus;\r\n var validationGroup = $(this).attr('validation-group');\r\n\r\n var validationStep = $(this).attr('validation-step');\r\n\r\n var currentValidationStep = $('#currentValidationStep').val();\r\n var validationGroup = $('#currentValidationGroup').val();\r\n //alert('c.v.s.' + validationGroup);\r\n //console.log('trigger validation on input - dynamic-form-id=' + dynamicFormId + ' ,validator-css-class=' + validatorCssClass + ' ,validation-group=' + validationGroup);\r\n var formIsValid = false;\r\n if (currentValidationStep != '' && typeof currentValidationStep !== 'undefined') {\r\n if (formStatus.includes('Step:' + currentValidationStep))\r\n formIsValid = validateDynamicForm(dynamicFormId, validationGroup, validatorCssClass, currentValidationStep);\r\n }\r\n else {\r\n formIsValid = validateDynamicForm(dynamicFormId, validationGroup, validatorCssClass, currentValidationStep);\r\n }\r\n\r\n }\r\n\r\n\r\n });\r\n\r\n console.log('InitializeDynamicForms()_');\r\n }\r\n\r\n function submitDynamicForm(dynamicFormId) {\r\n console.log('submitFlexForm(flexFormId)');\r\n return submitDynamicForm(dynamicFormId, '');\r\n }\r\n function submitDynamicForm(dynamicFormId, validationGroup) {\r\n var validatorCssClass = 'flex-form-validation';\r\n console.log('submitFlexForm(flexFormId, validationGroup)');\r\n return validateDynamicForm(dynamicFormId, validationGroup, validatorCssClass);\r\n }\r\n function submitDynamicForm(dynamicFormId, validationGroup, validatorCssClass) {\r\n var validatorCssClass = 'flex-form-validation';\r\n //console.log('submitFlexForm(flexFormId, validationGroup, validatorCssClass)');\r\n return validateDynamicForm(dynamicFormId, validationGroup, validatorCssClass, $('currentValidationStep').val());\r\n }\r\n function validateDynamicForm(dynamicFormId, validationGroup, validatorCssClass, currentValidationStep) {\r\n //console.log('validateFlexForm(' + dynamicFormId + ',' + validationGroup + ',' + validatorCssClass, currentValidationStep);\r\n var isValid = true;\r\n $('#formStatus' + dynamicFormId).val($('#formStatus' + dynamicFormId).val() + 'validating' + validationGroup);\r\n var validatorSelectorString = '.' + validatorCssClass + \"[dynamic-form-id='\" + dynamicFormId + \"']\";\r\n var validators = $(validatorSelectorString);\r\n //console.log(validators);\r\n validators.each(function (index) {\r\n var validator = $(this);\r\n //alert('index ' + index);\r\n var validationFor = $(this).attr('validation-for');\r\n var validatorErrorCssClass = $(this).attr('validation-error-css-class');\r\n //console.log('Validator - validation-for=' + validationFor);\r\n var requiredFieldValidator = false;\r\n if (validationFor != '') {\r\n //var inputField = $('#' + validationFor).not(\"[type=radio]\");\r\n var inputField = $('#' + validationFor + \"[dynamic-form-id='\" + dynamicFormId + \"']\").not(\"[type=radio]\");\r\n var inputFieldValue = inputField.val();\r\n console.log('remove error input field input-field: ' + validationFor);\r\n console.log(inputField);\r\n var inputErrorCssClass = inputField.attr('validation-error-css-class');\r\n var inputFieldIsValid = true;\r\n inputField.removeClass(inputErrorCssClass);\r\n validator.removeClass(validatorErrorCssClass);\r\n }\r\n\r\n });\r\n validators.each(function (index) {\r\n var validator = $(this);\r\n var validationFor = $(this).attr('validation-for');\r\n var validatorErrorCssClass = $(this).attr('validation-error-css-class');\r\n console.log('Validator - validation-for=' + validationFor);\r\n var requiredFieldValidator = false;\r\n if (validationFor != '') {\r\n var inputField = $('#' + validationFor + \"[dynamic-form-id='\" + dynamicFormId + \"']\").not(\"[type=radio]\");\r\n var isRadioButtonList = $(inputField).attr('is-radio-button-list') == 'true';\r\n\r\n var inputFieldValue = \"\";\r\n if (isRadioButtonList) {\r\n \r\n inputFieldValue = $('input[name=\\'' + validationFor + \"'][dynamic-form-id='\" + dynamicFormId + \"']:checked\").val();\r\n console.log('radio button validator for: ' + validationFor);\r\n console.log($('input[name=\\'' + validationFor + \"'][dynamic-form-id='\" + dynamicFormId + \"']:checked\"));\r\n //alert('inputFieldValue: ' + inputFieldValue);\r\n \r\n }\r\n else {\r\n inputFieldValue = inputField.val();\r\n console.log('inputField');\r\n console.log(inputField);\r\n }\r\n console.log('inputFieldValue isRadio=' + isRadioButtonList + ' text=' + inputFieldValue);\r\n //var validator = $('#' + validationFor);\r\n var validatorValidationGroup = $(validator).attr('validation-group');\r\n var validatorValidationStep = $(validator).attr('validation-step');\r\n //console.log('input-field');\r\n //console.log(inputField);\r\n var inputErrorCssClass = inputField.attr('validation-error-css-class');\r\n var inputFieldIsValid = true;\r\n //console.log(\"validationGroup: \" + validationGroup + \", validatorValidationGroup: \" + validatorValidationGroup);\r\n //console.log(currentValidationStep);\r\n if (!currentValidationStep || validatorValidationStep == '' || currentValidationStep == '' || currentValidationStep == validatorValidationStep) {\r\n if (validatorValidationGroup == '' || validationGroup == validatorValidationGroup) {\r\n\r\n if (($(this).attr('validation-is-enabled') != 'false')) {\r\n\r\n if ($(this).attr('validation-required-field') == 'True') {\r\n console.log('required field validator');\r\n if (inputFieldValue == '' || typeof inputFieldValue === 'undefined') {\r\n inputFieldIsValid = false;\r\n console.log('required field is valid ' + inputFieldIsValid + ' text =' + inputFieldValue);\r\n }\r\n else {\r\n console.log('required field is valid (else) ' + inputFieldIsValid + ' text =' + inputFieldValue);\r\n }\r\n\r\n }\r\n if ($(this).attr('validation-regular-expression') != '' && inputFieldValue != '') {\r\n console.log('regular expression validator - value = ' + inputFieldValue);\r\n var reggieText = $(this).attr('validation-regular-expression');\r\n var invertRegularExpressionMatchAttr = $(this).attr('invert-regular-expression-match');\r\n var invertRegularExpressionMatch = invertRegularExpressionMatchAttr == 'true';\r\n reggieText = reggieText.replace(''', '\\'').trim();\r\n var reggie = new RegExp(reggieText);\r\n console.log(reggie);\r\n\r\n if (invertRegularExpressionMatch) {\r\n inputFieldIsValid = !reggie.test(inputFieldValue);\r\n }\r\n else {\r\n inputFieldIsValid = reggie.test(inputFieldValue);\r\n }\r\n }\r\n\r\n \r\n\r\n //compare validator new - start\r\n if ($(this).attr('validation-is-enabled') == 'true') {\r\n\r\n var actualTextField = $(this).attr('validation-for');\r\n var compareTextField = $(this).attr('compare-to-field');\r\n var actualValue = $('input[id=\\'' + actualTextField + '\\']').not(\"[type=radio]\").val();\r\n var reEnteredValue = $('input[id=\\'' + compareTextField + '\\']').not(\"[type=radio]\").val();\r\n\r\n if (actualValue == reEnteredValue) {\r\n inputFieldIsValid = true;\r\n }\r\n else {\r\n inputFieldIsValid = false;\r\n }\r\n\r\n if (isRadioButtonList) {\r\n if (inputFieldValue == '' || typeof inputFieldValue === 'undefined') {\r\n inputFieldIsValid = false;\r\n }\r\n else {\r\n inputFieldIsValid = true;\r\n }\r\n }\r\n }\r\n //compare validator new - end\r\n\r\n //console.log('inputFieldIsValid=' + inputFieldIsValid);\r\n if (!inputFieldIsValid) {\r\n isValid = false;\r\n inputField.addClass(inputErrorCssClass);\r\n validator.addClass(validatorErrorCssClass);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n });\r\n $('#formStatus' + dynamicFormId).val($('#formStatus' + dynamicFormId).val() + 'validated');\r\n return isValid;\r\n }\r\n});\r\n\r\n\r\n\r\nvar dynamicWizardResponse = null;\r\n/**\r\n * \r\n */\r\n\r\n/**\r\n* \r\n*/\r\n$(function () {\r\n $(document).ready(function () {\r\n //Make this only initialize if there is a dynamic form\r\n var checkDynamicWizardPage = $(\".dynamic-wizard\");\r\n var checkDynamicWizardNoStylePage = $(\".dynamic-wizard-nostyle\");\r\n if (checkDynamicWizardPage.length > 0 || checkDynamicWizardNoStylePage.length > 0) {\r\n InitializeDynamicWizards();\r\n }\r\n\r\n /**\r\n * Modal button click - Yes\r\n */\r\n $('#u2021-wizardCTAModal .modal-body button:first-of-type').on('click', function (e) {\r\n var href = $(clickedCTA).attr('link-base-url') + \"&type=0\";\r\n window.location.href = href;\r\n });\r\n /**\r\n * Modal button click - No\r\n */\r\n $('#u2021-wizardCTAModal .modal-body button:last-of-type').on('click', function (e) {\r\n var href = $(clickedCTA).attr('link-base-url') + \"&type=1\";\r\n window.location.href = href;\r\n });\r\n\r\n /*var checkContactForm = $('#feedback_contact_form');\r\n if (checkContactForm.length > 0) {\r\n initializeFeedbackForm();\r\n console.log(\"step1\");\r\n }\r\n $('.fb_item').on('click', function () {\r\n updateFbForm($(this));\r\n });*/\r\n\r\n\r\n });\r\n});\r\n\r\nfunction InitializeDynamicWizards() {\r\n //console.log('InitializeDynamicWizards()');\r\n var dynamicWizards = $('.dynamic-wizard');\r\n dynamicWizards.each(function (index) {\r\n InitializeDynamicWizard(this);\r\n });\r\n var dynamicWizardsNoStyle = $('.dynamic-wizard-nostyle');\r\n dynamicWizardsNoStyle.each(function (index) {\r\n InitializeDynamicWizard(this);\r\n });\r\n dynamicWizardResponse = DynamicWizardResponse();\r\n $('.wizard-question-answer').on('click', function () {\r\n dynamicWizardResponse.AnswerClick(this);\r\n });\r\n $('.wizard-question-answer').keypress(function (e) {\r\n console.log(e);\r\n if (e.keyCode == 13) {\r\n dynamicWizardResponse.AnswerClick(this);\r\n }\r\n });\r\n $('.wizard-step-back').on('click', function () {\r\n dynamicWizardResponse.BackButtonClick(this);\r\n });\r\n $('.wizard-step-start-over').on('click', function () {\r\n dynamicWizardResponse.StartOverButtonClick(this);\r\n });\r\n var dynamicContent = $('.dynamic-content');\r\n dynamicContent.each(function (index) {\r\n InitializeDynamicContent(this);\r\n });\r\n //console.log('InitializeDynamicWizards()_');\r\n}\r\n/**\r\n * \r\n */\r\nfunction hideSteps($steps, isWizard2021) {\r\n if (isWizard2021) {\r\n $steps.removeClass('u2021-wizard-visible-slide');\r\n $steps.closest('.wizard-first-question').hide();\r\n //console.log('hide is2021');\r\n }\r\n else {\r\n $steps.hide();\r\n //console.log('hide NOT 2021');\r\n }\r\n //console.log($steps);\r\n}\r\n/**\r\n * \r\n */\r\nfunction showSteps($steps, isWizard2021) {\r\n if (isWizard2021) {\r\n $steps.addClass('u2021-wizard-visible-slide');\r\n $steps.closest('.wizard-first-question').show();\r\n console.log('show is 2021');\r\n }\r\n else {\r\n $steps.show();\r\n console.log('show NOT 2021');\r\n }\r\n //console.log($steps);\r\n}\r\n/**\r\n * \r\n */\r\nfunction InitializeDynamicContent(dynamicContent) {\r\n var dynamicContentTarget = $(dynamicContent).attr('dynamic-content-source');\r\n var selector = \"[dynamic-content-target='\" + dynamicContentTarget + \"']\";\r\n if ($(selector).length) {\r\n $(dynamicContent).html($(selector).html());\r\n }\r\n}\r\n/**\r\n * \r\n */\r\nfunction InitializeDynamicWizard(dynamicWizard) {\r\n //console.log('InitializeDynamicWizard()');\r\n //console.log(dynamicWizard);\r\n var wizardSteps = $(dynamicWizard).children('.wizard-step');\r\n if (wizardSteps.length <= 0)\r\n wizardSteps = $(dynamicWizard).find('.wizard-step-nostyle');\r\n var wizardResults = $(dynamicWizard).children('.wizard-result');\r\n //console.log('wizardSteps');\r\n //console.log(wizardSteps);\r\n if (wizardResults.length <= 0)\r\n wizardResults = $(dynamicWizard).find('.wizard-result-nostyle');\r\n //console.log('wizardNSSteps');\r\n //console.log(wizardSteps);\r\n var wizard2021Attribute = $(dynamicWizard).attr('wizard-2021');\r\n var isWizard2021 = wizard2021Attribute == 'true';\r\n hideSteps($(wizardSteps), isWizard2021);\r\n hideSteps($(wizardResults), isWizard2021);\r\n showSteps($(wizardSteps).first(), isWizard2021);\r\n //console.log('InitializeDynamicWizard()_');\r\n}\r\n/**\r\n * \r\n */\r\nfunction DynamicWizardQuestionResponse(questionText, answerText) {\r\n var ret = new Object;\r\n ret.QuestionText = questionText;\r\n ret.AnswerText = answerText;\r\n return ret;\r\n}\r\n/**\r\n * \r\n */\r\nfunction DynamicWizardResponse() {\r\n this.CompletedSteps = [];\r\n this.CompletedQuestionAnswers = [];\r\n this.AddQuestionAnswer = function (questionText, answerText) {\r\n var questionResponse = DynamicWizardQuestionResponse();\r\n questionResponse.QuestionText = questionText;\r\n questionResponse.AnswerText = answerText;\r\n CompletedQuestionAnswers.push(DynamicWizardQuestionResponse(questionText, answerText));\r\n }\r\n this.GetQuerystring = function () {\r\n var ret = \"\";\r\n for (var i = 0; i < CompletedQuestionAnswers.length; i++) {\r\n if (CompletedQuestionAnswers[i].QuestionText != '' && CompletedQuestionAnswers[i].AnswerText != '') {\r\n if (i > 0) {\r\n ret += '&';\r\n }\r\n ret += CompletedQuestionAnswers[i].QuestionText + '=' + CompletedQuestionAnswers[i].AnswerText;\r\n }\r\n\r\n }\r\n // ret = ret.replace('&type=0', ''); // Not sure the purpose...\r\n return ret;\r\n }\r\n /**\r\n * \r\n */\r\n this.BackButtonClick = function (element) {\r\n var wizardStepId = $(element).attr('wizard-step-id');\r\n var lastStepId = this.CompletedSteps.pop();\r\n\r\n CompletedQuestionAnswers.pop();\r\n\r\n hideSteps($('#wizard-step-' + wizardStepId));\r\n hideSteps($('#wizard-result-' + wizardStepId));\r\n showSteps($('#wizard-step-' + lastStepId));\r\n };\r\n /**\r\n * \r\n */\r\n this.AnswerClick = function (element) {\r\n var isFbForm = $(\"#feedback_contact_form\").length > 0;\r\n var wizardStepId = $(element).attr('wizard-step-id');\r\n var wizardStepDepth = parseInt($(element).attr('wizard-step-depth'));\r\n var wizardQuestionFieldName = $(element).attr('wizard-question-field-name');\r\n var wizardQuestionAnswerValue = $(element).attr('wizard-question-answer-value');\r\n var wizardQuestionAnswerNextStepId = $(element).attr('wizard-question-answer-next-step-id');\r\n var wizardSupportEmail = $(element).attr('wizard-question-answer-support-email');\r\n var hideFieldIfSelected = $(element).attr('hide-field-if-selected');\r\n var showFieldIfSelected = $(element).attr('show-field-if-selected');\r\n \r\n var supportEmailId = \"SupportEmail\";\r\n //console.log(isFbForm);\r\n var wizardId = $(element).attr('wizard-id');\r\n var wizard2021Attribute = $(element).attr('wizard-2021');\r\n var hidePastSteps = $(element).attr('wizard-2021');\r\n var isWizard2021 = wizard2021Attribute == 'true';\r\n\r\n if (hideFieldIfSelected == 'none' && wizardQuestionFieldName == 'Level1') {\r\n $('.dynamicallyhidden').removeClass('hidden');\r\n $('.dynamicallyhidden').removeClass('dynamicallyhidden');\r\n $('.dynamicallyhiddenValidator').attr('validation-is-enabled', 'true');\r\n $('.dynamicallyhiddenValidator').removeClass('dynamicallyhiddenValidator');\r\n\r\n }\r\n else if (!!hideFieldIfSelected && hideFieldIfSelected != 'none' && wizardQuestionFieldName == 'Level1') {\r\n\r\n var levelOneHideListArray = hideFieldIfSelected.split(\"|\");\r\n\r\n for (i = 0; i < levelOneHideListArray.length; i++) {\r\n \r\n\r\n $('div[div-id=\\'' + levelOneHideListArray[i] + '\\']').find(\"input\").removeAttr(\"checked\");\r\n\r\n $('div[div-id=\\'' + levelOneHideListArray[i] + '\\']').addClass('hidden');\r\n $('div[div-id=\\'' + levelOneHideListArray[i] + '\\']').addClass('dynamicallyhidden');\r\n $('div[validation-for=\\'' + levelOneHideListArray[i] + '\\']').attr('validation-is-enabled', 'false');\r\n $('div[validation-for=\\'' + levelOneHideListArray[i] + '\\']').addClass('dynamicallyhiddenValidator');\r\n }\r\n \r\n }\r\n\r\n if (showFieldIfSelected != 'none' && wizardQuestionFieldName == 'Level1') {\r\n $('div[div-id=\\'' + showFieldIfSelected + '\\']').removeClass('hidden');\r\n $('div[div-id=\\'' + showFieldIfSelected + '\\']').addClass('dynamicallysfhidden');\r\n $('div[validation-for=\\'' + showFieldIfSelected + '\\']').attr('validation-is-enabled', 'true');\r\n $('div[validation-for=\\'' + showFieldIfSelected + '\\']').addClass('dynamicallysfhiddenValidator');\r\n }\r\n else if (showFieldIfSelected == 'none' && wizardQuestionFieldName == 'Level1') {\r\n $('.dynamicallysfhiddenValidator').attr('validation-is-enabled', 'false');\r\n $('.dynamicallysfhiddenValidator').removeClass('dynamicallysfhiddenValidator');\r\n $('.dynamicallysfhidden').addClass('hidden');\r\n $('.dynamicallysfhidden').removeClass('dynamicallysfhidden');\r\n\r\n }\r\n \r\n\r\n\r\n $('input[dynamic-wizard-id=\\'' + wizardId + '\\'][name=\\'' + wizardQuestionFieldName + '\\']').val(wizardQuestionAnswerValue);\r\n if (wizardQuestionFieldName == 'Level1' && wizardSupportEmail != '') {\r\n $('input[id=\\'' + supportEmailId + '\\']').val(wizardSupportEmail);\r\n }\r\n //console.log('Answer Click wizardStepId:' + wizardStepId + ' wizardQuestionFieldName:' + wizardQuestionFieldName + ' wizardQuestionAnswerValue:' + wizardQuestionAnswerValue + 'wizardQuestionAnswerNextStepId: ' + wizardQuestionAnswerNextStepId);\r\n if (!isFbForm) {\r\n hideSteps($('#wizard-step-' + wizardStepId), isWizard2021);\r\n } else {\r\n updateFbForm($(element));\r\n $('input[dynamic-wizard-id=\\'' + wizardId + '\\'][name=\\'' + wizardQuestionFieldName + '\\']').val(wizardQuestionAnswerValue);\r\n }\r\n showSteps($('#wizard-step-' + wizardQuestionAnswerNextStepId), isWizard2021);\r\n showSteps($('#wizard-result-' + wizardQuestionAnswerNextStepId), isWizard2021);\r\n $('.wizard-step-nostyle[wizard-id=' + wizardId + ']').each(function () {\r\n //console.log(compareWizardStepDepth + ' > ' + wizardStepDepth);\r\n var compareWizardStepDepth = parseInt($(this).attr('wizard-step-depth'));\r\n if (compareWizardStepDepth > wizardStepDepth) {\r\n var wizardStepQuestionFieldName = $(this).attr('wizard-step-question-field-name');\r\n $('input[dynamic-wizard-id=\\'' + wizardId + '\\'][name=\\'' + wizardStepQuestionFieldName + '\\']').val('');\r\n // console.log('clear' + wizardStepQuestionFieldName);\r\n }\r\n });\r\n $('input[dynamic-wizard-id=\\'' + wizardId + '\\'][name=\\'' + wizardQuestionFieldName + '\\']').val(wizardQuestionAnswerValue);\r\n CompletedSteps.push(wizardStepId);\r\n CompletedQuestionAnswers.push(DynamicWizardQuestionResponse(wizardQuestionFieldName, wizardQuestionAnswerValue));\r\n var querystring = this.GetQuerystring();\r\n $('.card-comparison-apply-now-button').each(function () {\r\n var linkBaseUrl = $(this).attr('link-base-url');\r\n var querystringPrefix = \"?\";\r\n if (linkBaseUrl.indexOf('?' > 0)) {\r\n if (querystring.indexOf('&' > 0)) {\r\n querystringPrefix = '';\r\n }\r\n else {\r\n querystringPrefix = '&';\r\n }\r\n }\r\n $(this).attr('href', linkBaseUrl + querystringPrefix + querystring);\r\n });\r\n\r\n return true;\r\n }\r\n /**\r\n * \r\n */\r\n \r\n\r\n $('input[type=radio][name=PreferredContactMethod]').change(function () {\r\n var showList = $(this).attr('field-to-activate');\r\n var showListArray = showList.split(\"|\");\r\n var hideList = $(this).attr('field-to-hide');\r\n var hideListArray = hideList.split(\"|\");\r\n\r\n for (i = 0; i < showListArray.length; i++) {\r\n $('div[validation-for=\\'' + showListArray[i] + '\\']').attr('validation-is-enabled', 'true');\r\n $('div[div-id=\\'' + showListArray[i] + '\\']').attr('class', 'dynamic-form-field-container radioitems');\r\n }\r\n\r\n for (j = 0; j < hideListArray.length; j++) {\r\n $('div[validation-for=\\'' + hideListArray[j] + '\\']').attr('validation-is-enabled', 'false');\r\n $('div[div-id=\\'' + hideListArray[j] + '\\']').attr('class', 'dynamic-form-field-container radioitems hidden');\r\n }\r\n });\r\n\r\n this.StartOverButtonClick = function (element) {\r\n var wizardStepId = $(element).attr('wizard-step-id');\r\n while (CompletedSteps.length > 0) {\r\n lastStepId = CompletedSteps.pop();\r\n }\r\n while (CompletedQuestionAnswers.length > 0) {\r\n CompletedQuestionAnswers.pop();\r\n }\r\n\r\n hideSteps($('#wizard-step-' + wizardStepId));\r\n hideSteps($('#wizard-result-' + wizardStepId));\r\n showSteps($('#wizard-step-' + lastStepId));\r\n }\r\n return this;\r\n}\r\nfunction initializeFeedbackForm() {\r\n console.log(\"step2\");\r\n $('.fb_items_row').each(function () {\r\n if ($(this).attr('wizard-step-depth') == '1') {\r\n $(this).show();\r\n } else {\r\n $(this).hide();\r\n }\r\n });\r\n}\r\nfunction updateFbForm(e) {\r\n var Fb_item_step_id = e.attr('wizard-step-id');\r\n var Fb_item_question_answer_id = e.attr('wizard-question-answer-id');\r\n var CurrentLevelId = $('#wizard-step-' + Fb_item_step_id).attr('wizard-step-id');\r\n var CurrentWizardDepth = $('#wizard-step-' + Fb_item_step_id).attr('wizard-step-depth');\r\n var NextWizardStepId = e.attr('wizard-question-answer-next-step-id');\r\n var wizardQuestionFieldName = e.attr('wizard-question-field-name');\r\n $('#wizard-step-' + Fb_item_step_id + ' .wizard-question-answer').each(function () {\r\n if ($(this).attr('wizard-question-answer-id') == Fb_item_question_answer_id) {\r\n $(this).addClass('active');\r\n $('html, body').animate({\r\n scrollTop: $(this).offset().top\r\n }, 800, function () {\r\n });\r\n }\r\n else {\r\n $(this).removeClass('active');\r\n }\r\n });\r\n $('.wizard-step-nostyle').each(function () {\r\n if (parseInt($(this).attr('wizard-step-depth')) >= (parseInt(CurrentWizardDepth) + 1)) {\r\n if ($(this).attr('wizard-step-id') == NextWizardStepId) {\r\n $(this).show();\r\n }\r\n else {\r\n $(this).hide();\r\n $('input[dynamic-wizard-id=\\'' + e.attr('wizard-id') + '\\'][name=\\'' + wizardQuestionFieldName + '\\']').val();\r\n }\r\n } else if ($(this).hasClass(\"fb_form\")) {\r\n $(this).hide();\r\n }\r\n });\r\n $('.dynamic-form-input').each(function (i) {\r\n if ($(this).attr('name') == 'Level' + i) {\r\n if ($(this).attr('name').split('Level')[1] > parseInt(e.attr('wizard-step-depth'))) {\r\n $(this).val('');\r\n }\r\n }\r\n });\r\n}\r\n\r\n","// Do person search from querystring\r\nif (getUrlParameterByName(\"searchtype\") && getUrlParameterByName(\"searchtype\") === \"person\") {\r\n if (getUrlParameterByName(\"select-region\")) {\r\n $('#select-region').val(getUrlParameterByName(\"select-region\"));\r\n }\r\n\r\n if (getUrlParameterByName(\"cname\")) {\r\n $('#cname').val(getUrlParameterByName(\"cname\"));\r\n }\r\n\r\n $('#profilesearch').click();\r\n}\r\n\r\n$(function() {\r\n profileSearch()\r\n $('#profilesearch').click(profileSearch);\r\n});\r\n\r\nfunction profileSearch() {\r\n if ($(\"#select-region\").length > 0) {\r\n var regionfilter = $('#select-region').val().toLowerCase();\r\n $('.m15-profile').each(function (i) {\r\n var showProfile = true;\r\n\r\n // Region check\r\n if (regionfilter != undefined && regionfilter != \"\") {\r\n if ($(this).data(\"region\").toLowerCase().indexOf(regionfilter) === -1) {\r\n showProfile = false;\r\n }\r\n }\r\n\r\n if (showProfile)\r\n $(this).show();\r\n else\r\n $(this).hide();\r\n });\r\n }\r\n}","$(document).ready(function () {\r\n\r\n var comparisonProducts = [];\r\n /**\r\n * \r\n */\r\n $(document).on('change', '.comparison-product-toggle', handleControlClick);\r\n /**\r\n * \r\n */\r\n $(document).on('click', \".card-comparison-apply-now-button\", ctaClick);\r\n var clickedCTA = null;\r\n\r\n /**\r\n * Resides in global space for the overlay when the CTA buttons are created/duplicated dynamically,\r\n * so they need event bound after their delayed creation. \r\n */\r\n \r\n\r\n function handleControlClick(e) {\r\n var idElem = $(this).closest(\"[data-comparison-product-item-id]\");\r\n idElem = idElem.length ? idElem[0] : $(this).closest(\"[comparison-product-item-id]\");\r\n var comparisonProductItemId = $(idElem).attr('data-comparison-product-item-id');\r\n comparisonProductItemId = comparisonProductItemId || $(idElem).attr('comparison-product-item-id');\r\n\r\n if (this.checked) {\r\n if (comparisonProducts.indexOf(comparisonProductItemId) === -1) {\r\n if (comparisonProducts.length < 3) {\r\n comparisonProducts.push(comparisonProductItemId);\r\n $(\".comparison-product-toggle-error\").hide();\r\n }\r\n else {\r\n $(\".comparison-product-toggle-error\").hide();\r\n $(\".comparison-product-toggle-error[comparison-product-item-id='\" + comparisonProductItemId + \"']\").show();\r\n this.checked = false;\r\n }\r\n }\r\n }\r\n else {\r\n if (this.nodeName === \"INPUT\" && comparisonProducts.indexOf(comparisonProductItemId) !== -1 ||\r\n this.nodeName === \"DIV\") {\r\n var index = comparisonProducts.indexOf(comparisonProductItemId);\r\n comparisonProducts.splice(index, 1);\r\n }\r\n $(\".comparison-product-toggle-error\").hide();\r\n }\r\n UpdateComparisonProducts();\r\n }\r\n /**\r\n * \r\n */\r\n function UpdateComparisonProducts() {\r\n\r\n var prods = {\r\n '{58E9A876-C19B-43B2-B387-5F47CFA30788}': 'u2021-ccardDisclaimerCashRewards',\r\n '{34EAA410-78A9-403B-8D41-0E0909004F28}': 'u2021-ccardDisclaimerCashRewardsPlus',\r\n '{ECD3072A-EC58-44E2-9FAD-CD892F12A0E9}': 'u2021-ccardDisclaimerMemberRateAdvantage',\r\n '{2E76B5DD-4051-4763-9D9C-A7E69082B54A}': 'u2021-ccardDisclaimerMemberFirst',\r\n };\r\n\r\n $('.u2021-compareDisclaimer > p').css('display', '');\r\n\r\n for (var i = 0; i < 4; i++) {\r\n\r\n var $allFields = $(\".product-comparison-field[product-comparison-index='\" + i + \"']\");\r\n $allFields.removeClass(function () { 'u2021-compareCol1 u2021-compareCol2 u2021-compareCol3' });\r\n\r\n if (comparisonProducts.length > i) {\r\n $allFields.show();\r\n var productSitecoreItemId = comparisonProducts[i];\r\n\r\n $('.' + prods[productSitecoreItemId]).css('display', 'block');\r\n $allFields.addClass('u2021-compareCol' + (i + 1));\r\n var idAttr = \"comparison-product-item-id='\" + productSitecoreItemId + \"'\";\r\n\r\n $allFields.each(function (index) {\r\n var fieldName = $(this).attr('product-comparison-field-name');\r\n var fnAttr = \"comparison-product-field-name='\" + fieldName + \"'\";\r\n var fieldValueSelector = \".comparison-product-field-data[\" + fnAttr + \"][\" + idAttr + \"]\";\r\n var $field = $(fieldValueSelector);\r\n var btnHTML = \"\";\r\n\r\n if ($field.length) {\r\n $(this).html(btnHTML + $field.html());\r\n $(this).attr('data-comparison-product-item-id', productSitecoreItemId);\r\n }\r\n });\r\n }\r\n else {\r\n $allFields.hide();\r\n }\r\n }\r\n $('input.comparison-product-toggle').each(function (index) {\r\n this.checked = comparisonProducts.indexOf($(this).attr(\"comparison-product-item-id\")) !== -1;\r\n });\r\n\r\n $('#u2021-ccardCompareDock').toggleClass('u2021-minimized', comparisonProducts.length <= 0);\r\n $('#u2021-ccardCompareDock #u2021-compareBtn').toggleClass('u2021-greyedOut', comparisonProducts.length <= 1);\r\n if (comparisonProducts.length === 2) {\r\n $('#u2021-ccardCompareGrid').addClass('u2021-grid2Col');\r\n $('#u2021-ccardCompareGrid').removeClass('u2021-grid3Col');\r\n } else if (comparisonProducts.length) {\r\n $('#u2021-ccardCompareGrid').addClass('u2021-grid3Col');\r\n $('#u2021-ccardCompareOverlay').removeClass('u2021-grid2Col');\r\n }\r\n\r\n $('.u2021-ccardCompareDock .u2021-compareCloseCardBtn').on('click', handleControlClick);\r\n $('.u2021-ccardCompare .card-comparison-apply-now-button').on('click', ctaClick);\r\n $('.u2021-ccardCompare .card-comparison-learn-more-button').on('click', ctaClick);\r\n\r\n\r\n }\r\n /**\r\n * For main site nav, since it stays visible in mobile, close overlays if it gets clicked.\r\n */\r\n $('.header-navigation').on('click', function () {\r\n $('.u2021-overlay').addClass('u2021-minimized');\r\n $('body').removeClass((\"modal-open\")); // Re-enable scrolling in body.\r\n })\r\n /**\r\n * \r\n */\r\n $(\".u2021-closeBtn\").each(function (index) {\r\n var self = this;\r\n $(this).on(\"click\", function (e) {\r\n $(self).closest('.u2021-overlay').addClass(\"u2021-minimized\");\r\n $('body').removeClass((\"modal-open\")); // Re-enable scrolling in body.\r\n });\r\n });\r\n /**\r\n * Compare slideouts.\r\n */\r\n $(\"#u2021-ccardCompareDock #u2021-compareBtn\").on('click', function () {\r\n $('#u2021-ccardCompareOverlay').removeClass('u2021-minimized', false);\r\n $(\"body\").addClass(\"modal-open\"); // Bootstrap trick, kills scrolling in the body.\r\n });\r\n});\r\n\r\nfunction ctaClick(e) {\r\n clickedCTA = e.currentTarget;\r\n applyHREF = $(e.currentTarget).attr(\"href\");\r\n //if (applyHREF.indexOf('&type=') !== -1) {\r\n window.location.href = applyHREF;\r\n /*} else {\r\n $('#u2021-wizardCTAModal').modal('show');\r\n }*/\r\n}","$(function () {\r\n $(document).ready(function () {\r\n\r\n $('#quote-tool-form fieldset').first().fadeIn('slow');\r\n var crntStep = 0;\r\n $('.quote-tool-form input[type=\"text\"], .quote-tool-form input[type=\"number\"], .quote-tool-form input[type=\"email\"]').on('focus', function () {\r\n removeError($(this));\r\n });\r\n if (typeof myHomeLoansResultPage !== 'undefined') {\r\n LoanPurposeUpdateUI();\r\n }\r\n\r\n $('.quote-tool-startover-btn').on('click', function () {\r\n location.reload();\r\n });\r\n\r\n // next step\r\n $('#quote-tool-form .btn-next').on('click', function () {\r\n var parent_fieldset = $(this).parents('fieldset');\r\n var validationDisabled = false;\r\n if ($(this).attr('validation-disabled') == 'true') {\r\n validationDisabled = true;\r\n }\r\n else {\r\n $('#formStatus' + $(this).attr('flex-form-id')).val($('#formStatus' + $(this).attr('flex-form-id')).val() + '-Step:' + validationStep);\r\n }\r\n var validationStep = '0';\r\n validationStep = $(this).attr('validation-step');\r\n if (!($(this).hasClass('btn-next'))) {\r\n return;\r\n }\r\n else if ($(this).hasClass('quote-tool-btn-start')) {\r\n var startWizard = true;\r\n console.log('btnStart click');\r\n console.log($(this).attr('flex-form-id'));\r\n console.log($(this));\r\n \r\n if (!validationDisabled) {\r\n startWizard = validateFlexForm($(this).attr('flex-form-id'), 'Purchase', 'flex-form-validation', validationStep);\r\n \r\n }\r\n /*parent_fieldset.find('input').each(function () {\r\n if ($(this).hasClass('input-error')) {\r\n startWizard = false;\r\n }\r\n });*/\r\n if (startWizard) {\r\n $('.progress-bar-group').show();\r\n goToNextStep(parent_fieldset);\r\n }\r\n }\r\n else {\r\n \r\n \r\n var next_step = true;\r\n if (!validationDisabled) {\r\n next_step = validateFlexForm($(this).attr('flex-form-id'), 'Purchase', 'flex-form-validation', validationStep);\r\n }\r\n /*parent_fieldset.find('input[required]').each(function () {\r\n if ($(this).val() == \"\") {\r\n setError($(this), golden1Dictionary.CompleteAllQuestions);\r\n next_step = false;\r\n }\r\n });\r\n parent_fieldset.find('input').each(function () {\r\n if ($(this).hasClass('input-error')) {\r\n startWizard = false;\r\n }\r\n });*/\r\n if (next_step) {\r\n if ($(this).hasClass('btn-submit')) {\r\n $('.wizard-submit-loading').show();\r\n submitQuoteToolFormWithRecaptcha();\r\n }\r\n else {\r\n goToNextStep(parent_fieldset);\r\n }\r\n \r\n setProgressBar(crntStep);\r\n crntStep = crntStep + 1;\r\n }\r\n }\r\n });\r\n\r\n // previous step\r\n $('#quote-tool-form .btn-previous').on('click', function () {\r\n $(this).parents('fieldset').fadeOut(400, function () {\r\n $(this).prev().fadeIn();\r\n });\r\n });\r\n\r\n // previous step\r\n $('#quote-tool-form .btn-back').on('click', function () {\r\n console.log(\"count step value on click \" + crntStep);\r\n crntStep = crntStep-2;\r\n setProgressBar(crntStep);\r\n crntStep = crntStep + 1;\r\n $(this).parents('fieldset').fadeOut(400, function () {\r\n $(this).prev().fadeIn();\r\n });\r\n \r\n });\r\n\r\n $('#PhoneNumber').blur(function () {\r\n $(this).val($(this).val().replace(/(\\d{3})\\-?(\\d{3})\\-?(\\d{4})/, '$1-$2-$3'))\r\n });\r\n\r\n \r\n //step-1\r\n $('.radio-group .radio-choice').on('click', function () {\r\n var radioGroup = $(this).parent();\r\n radioGroup.find('.radio-choice').removeClass('selected');\r\n $(this).addClass('selected');\r\n\r\n var value = $(this).attr('value');\r\n radioGroup.find('#occupancy').val(value);\r\n\r\n var parent_fieldset = $(this).parents('fieldset');\r\n goToNextStep(parent_fieldset);\r\n setProgressBar(crntStep);\r\n crntStep = crntStep + 1;\r\n });\r\n\r\n\r\n //step-2\r\n $('#downPayment').on('input change blur', function () {\r\n var amount = parseInt($('#purchasePrice').val().replace(/[^\\d\\.]/g, ''));\r\n var downPaymentAmount = parseInt($(this).val().replace(/[^\\d\\.]/g, ''));\r\n if (downPaymentAmount && amount) {\r\n if (downPaymentAmount > amount) {\r\n //setError($(this), golden1Dictionary.DownPaymentAmountInvalid);\r\n return;\r\n }\r\n else {\r\n var downPaymentPercent = parseFloat((downPaymentAmount / amount) * 100).toFixed(2);\r\n $('#downPaymentPercent').val(downPaymentPercent.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n //removeError($(this));\r\n //removeError($('#downPaymentPercent'));\r\n }\r\n }\r\n else if (!amount) {\r\n //setError($('#purchasePrice'), golden1Dictionary.PurchaseAmountRequired);\r\n return;\r\n }\r\n });\r\n \r\n $('#downPaymentPercent').on('input change blur', function () {\r\n var amount = parseInt($('#purchasePrice').val().replace(/[^\\d\\.]/g, ''));\r\n var downPaymentPercent = parseFloat($(this).val().replace(/[^\\d\\.]/g, ''));\r\n if (downPaymentPercent && amount) {\r\n if (downPaymentPercent > 100) {\r\n setError($(this), golden1Dictionary.DownPaymentPercentInvalid);\r\n return;\r\n }\r\n else {\r\n var downPaymentAmount = parseInt((downPaymentPercent / 100) * amount);\r\n $('#downPayment').val(downPaymentAmount.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n removeError($(this));\r\n removeError($('#downPayment'));\r\n }\r\n }\r\n else if (!amount) {\r\n setError($('#purchasePrice'), golden1Dictionary.PurchaseAmountRequired);\r\n }\r\n });\r\n\r\n $('#purchasePrice').on('input change blur', function () {\r\n var amount = parseInt($(this).val().replace(/[^\\d\\.]/g, ''));\r\n //var amountStr = ($('#purchasePrice').val()).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n //var amount = parseFloat(amountStr.replace(/[^\\d\\.]/g, ''));\r\n\r\n var downPaymentAmount = parseInt($('#downPayment').val().replace(/[^\\d\\.]/g, ''));\r\n var downPaymentPercent = parseFloat($('#downPaymentPercent').val().replace(/[^\\d\\.]/g, ''));\r\n if (amount) {\r\n if (downPaymentPercent && downPaymentPercent <= 100) {\r\n downPaymentAmount = parseInt((downPaymentPercent / 100) * amount);\r\n $('#downPayment').val(downPaymentAmount.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n removeError($(this));\r\n removeError($('#downPayment'));\r\n }\r\n else if (downPaymentAmount && amount > downPaymentAmount) {\r\n downPaymentPercent = parseFloat((downPaymentAmount / amount) * 100).toFixed(2);\r\n $('#downPaymentPercent').val(downPaymentPercent.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n removeError($(this));\r\n removeError($('#downPaymentPercent'));\r\n }\r\n else if (downPaymentPercent || downPaymentAmount) {\r\n setError($(this), golden1Dictionary.PurchaseAmountInvalid);\r\n return;\r\n }\r\n }\r\n });\r\n\r\n //step-3 \r\n $('#quote-tool-form-non-first .btn-submit').on('click', function () {\r\n var submitForm = validateFlexForm($(this).attr('flex-form-id'), $('#currentValidationGroup').val(), 'flex-form-validation', $('#currentValidationStep').val());\r\n var form = $('#quote-tool-form-non-first');\r\n if (submitForm) {\r\n $('.wizard-submit-loading').show();\r\n //console.log(form);\r\n submitFormWithRecaptcha(form);\r\n \r\n return true;\r\n }\r\n });\r\n\r\n //functions\r\n function togglePurchaseRefinance() {\r\n var form = $('#quote-tool-form-non-first');\r\n var loanPurpose = form.find('#loanPurpose').val();\r\n var loanType = loanPurpose.trim().toLowerCase();\r\n var purchaseGroup = form.find('.purchase-group');\r\n var refinanceGroup = form.find('.refinance-group');\r\n console.log('loanType' + loanType);\r\n if (loanType == \"purchase\") {\r\n console.log('_purchase');\r\n purchaseGroup.show();\r\n toggleDataActiveForInputs(purchaseGroup, 'true');\r\n refinanceGroup.hide();\r\n toggleDataActiveForInputs(refinanceGroup, 'false');\r\n }\r\n else if (loanType == \"refinance\") {\r\n console.log('_refinance');\r\n purchaseGroup.hide();\r\n toggleDataActiveForInputs(purchaseGroup, 'false');\r\n refinanceGroup.show();\r\n toggleDataActiveForInputs(refinanceGroup, 'true');\r\n }\r\n else {\r\n console.log('_else');\r\n purchaseGroup.hide();\r\n toggleDataActiveForInputs(purchaseGroup, 'false');\r\n refinanceGroup.hide();\r\n toggleDataActiveForInputs(refinanceGroup, 'false');\r\n }\r\n }\r\n function toggleDataActiveForInputs(inputGroup, value) {\r\n inputGroup.find('input').each(function () {\r\n $(this).attr('data-active', value);\r\n });\r\n }\r\n function setProgressBar(curStep) {\r\n //console.log('curStep = ' + curStep);\r\n $('#formStatus').val($('#formStatus').val() + 'Step:' + curStep);\r\n $('#currentValidationStep').val(curStep);\r\n var steps = $('.quote-tool-form fieldset .quote-tool-step').length;\r\n var percent = parseFloat(100 / steps) * curStep;\r\n percent = percent.toFixed();\r\n \r\n if (curStep == 0) {\r\n percent = .5;\r\n }\r\n else if (curStep == 1) {\r\n percent = 33.5;\r\n }\r\n else if (curStep == 2) {\r\n percent = 66.5;\r\n }\r\n else if (curStep == 3) {\r\n percent = 100;\r\n }\r\n else {\r\n percent = 100;\r\n }\r\n $(\"#progress-bar\")\r\n .css(\"width\", percent + \"%\")\r\n }\r\n\r\n \r\n\r\n function setError(currentField, errorMessage) {\r\n var parent_fieldset = currentField.parents('fieldset');\r\n if (parent_fieldset.length === 0) {\r\n parent_fieldset = currentField.parents('form');\r\n }\r\n parent_fieldset.find('.error-message').html(errorMessage);\r\n currentField.addClass('input-error');\r\n }\r\n\r\n function removeError(currentField) {\r\n var parent_fieldset = currentField.parents('fieldset');\r\n if (parent_fieldset.length === 0) {\r\n parent_fieldset = currentField.parents('form');\r\n }\r\n parent_fieldset.find('.error-message').html('');\r\n currentField.removeClass('input-error');\r\n }\r\n\r\n function goToNextStep(parentFieldset) {\r\n parentFieldset.fadeOut(400, function () {\r\n $(this).next().fadeIn();\r\n $([document.documentElement, document.body]).animate({\r\n scrollTop: $('.assessment-container').offset().top - 100\r\n }, 500);\r\n });\r\n }\r\n\r\n function submitQuoteToolFormWithRecaptcha() {\r\n var form = $('#quote-tool-form');\r\n submitFormWithRecaptcha(form);\r\n }\r\n function submitFormWithRecaptcha(form) {\r\n if (typeof grecaptcha !== \"undefined\" && grecaptcha && golden1Dictionary.QuoteToolRecaptchaSiteKey && golden1Dictionary.QuoteToolRecaptchaAction) {\r\n grecaptcha.ready(function () {\r\n grecaptcha.execute(golden1Dictionary.QuoteToolRecaptchaSiteKey, { action: golden1Dictionary.QuoteToolRecaptchaAction }).then(function (token) {\r\n form.find(\"input[name='recaptchaResponse']\").val(token); \r\n \r\n form.submit();\r\n });\r\n });\r\n }\r\n else {\r\n form.submit();\r\n }\r\n }\r\n $('.home-loan-apply-now-attribution-link').on('click', function () {\r\n var applyNowUrlFromHidden = $('#ApplyNowUrl').val();\r\n if (applyNowUrlFromHidden != '') {\r\n window.location = $('#ApplyNowUrl').val();\r\n }\r\n });\r\n var inputUpdating = false;\r\n $('#DownPaymentPercentTextBox').on('change input', function () {\r\n if (!inputUpdating) {\r\n //console.log('DownPaymentPercentTextBox CHANGE');\r\n inputUpdating = true;\r\n var decFromTB = $('#DownPaymentPercentTextBox').val().replace(/[^\\d\\.]/g, '') / 100.00;\r\n //console.log('decFromTB' + decFromTB);\r\n var downPaymentInDollars = $('#PurchasePriceTextBox').val().replace(/[^\\d\\.]/g, '') * decFromTB;\r\n if (downPaymentInDollars != \"NaN\")\r\n $('#DownPaymentTextBox').val(downPaymentInDollars.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n \r\n var isValid = false;\r\n \r\n inputUpdating = false;\r\n\r\n //end dupe code\r\n }\r\n });\r\n\r\n $('#DownPaymentTextBox').on('change input', function () {\r\n if (!inputUpdating) {\r\n inputUpdating = true;\r\n var percentdec = $('#DownPaymentTextBox').val().replace(/[^\\d\\.]/g, '') / $('#PurchasePriceTextBox').val().replace(/[^\\d\\.]/g, '');\r\n console.log('percentdec' + percentdec);\r\n var downPaymentInPercent = percentdec * 100;\r\n if ($('#PurchasePriceTextBox').val().replace(/[^\\d\\.]/g, '') == '' || $('#PurchasePriceTextBox').val().replace(/[^\\d\\.]/g, '') <= 0 || downPaymentInPercent == 0)\r\n $('#DownPaymentPercentTextBox').val('');\r\n else {\r\n if (downPaymentInDollars != \"NaN\")\r\n $('#DownPaymentPercentTextBox').val(downPaymentInPercent.toFixed(2).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n }\r\n console.log('DownPaymentTextBox CHANGE ' + $('#DownPaymentTextBox').val());\r\n var isValid = false;\r\n if ($('#SubmittedStatus').val() != '') {\r\n \r\n }\r\n inputUpdating = false;\r\n }\r\n });\r\n $('#downPaymentTextBox').on('change input', function () {\r\n if ($(this).val() == 'NaN') {\r\n $(this).val('');\r\n }\r\n \r\n });\r\n\r\n $('#loanPurpose').on('change input', function () {\r\n console.log('$(#loanPurpose).on(change input, function ()');\r\n if (!inputUpdating) {\r\n LoanPurposeUpdateUI();\r\n var isValid = false;\r\n if ($('#SubmittedStatus').val() != '') {\r\n }\r\n inputUpdating = false;\r\n }\r\n });\r\n\r\n function LoanPurposeUpdateUI() {\r\n var loanPurposeVal = $('#loanPurpose').val();\r\n //console.log('LoanPurposeUpdateUI() ' + loanPurposeVal);\r\n //console.log($('#loanPurpose'));\r\n if (loanPurposeVal == \"106\" || loanPurposeVal == \"\") {\r\n $('.my-home-loan-rates-refinance-view').hide();\r\n $('.my-home-loan-rates-purchase-view').show();\r\n $('#currentValidationGroup').val(\"Purchase\");\r\n }\r\n else {\r\n $('.my-home-loan-rates-refinance-view').show();\r\n $('.my-home-loan-rates-purchase-view').hide();\r\n $('#currentValidationGroup').val(\"Refinance\");\r\n }\r\n }\r\n \r\n $('#PurchasePriceTextBox').on('change', function () { \r\n try {\r\n var purchasePrice = parseInt($('#PurchasePriceTextBox').val());\r\n //console.log('purchase price: ' + purchasePrice);\r\n var purchasePriceWithCents = purchasePrice;\r\n //console.log('purchase price with cents: ' + purchasePriceWithCents);\r\n if (purchasePrice != purchasePriceWithCents) {\r\n //console.log('(purchasePrice != purchasePriceWithCents)');\r\n $('#PurchasePriceTextBox').val(purchasePriceWithCents);\r\n //console.log($('#PurchasePriceTextBox').val());\r\n }\r\n else {\r\n //console.log('(purchasePrice === purchasePriceWithCents)');\r\n }\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n });\r\n\r\n $('.my-home-loan-rates-textbox-with-dollar').on('change', function () {\r\n\r\n try {\r\n var purchasePrice = parseInt($(this).val().replace(/[^\\d\\.]/g, ''));\r\n //console.log('this purchase price: ' + purchasePrice);\r\n var purchasePriceWithCents = purchasePrice.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n if (purchasePriceWithCents != \"NaN\") {\r\n console.log('this purchase price with cents: ' + purchasePriceWithCents);\r\n //if (purchasePrice != purchasePriceWithCents) {\r\n //console.log('(purchasePrice != purchasePriceWithCents)');\r\n $(this).val(purchasePriceWithCents);\r\n //console.log($(this).val());\r\n /*}\r\n else {\r\n console.log('this (purchasePrice === purchasePriceWithCents)');\r\n }*/\r\n }\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n });\r\n\r\n $('.my-home-loan-rates-textbox-with-percent').on('change', function () {\r\n\r\n try {\r\n var purchasePrice = parseFloat($(this).val().replace(/[^\\d\\.]/g, ''));\r\n //console.log('this purchase price: ' + purchasePrice);\r\n var purchasePriceWithCents = purchasePrice.toFixed(2).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n if (purchasePriceWithCents != \"NaN\") {\r\n console.log('this purchase price with cents: ' + purchasePriceWithCents);\r\n //if (purchasePrice != purchasePriceWithCents) {\r\n //console.log('(purchasePrice != purchasePriceWithCents)');\r\n $(this).val(purchasePriceWithCents);\r\n //console.log($(this).val());\r\n /*}\r\n else {\r\n console.log('this (purchasePrice === purchasePriceWithCents)');\r\n }*/\r\n }\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n });\r\n\r\n $('.text-box-with-commas').on('change', function () {\r\n\r\n try {\r\n var downPayment = parseInt($(this).val().replace(/[^\\d\\.]/g, ''));\r\n //console.log('this purchase price: ' + purchasePrice);\r\n var downPaymentWithCents = downPayment.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n if (downPaymentWithCents != \"NaN\") {\r\n console.log('this down payment with cents: ' + downPaymentWithCents);\r\n //if (purchasePrice != purchasePriceWithCents) {\r\n //console.log('(purchasePrice != purchasePriceWithCents)');\r\n $(this).val(downPaymentWithCents);\r\n //console.log($(this).val());\r\n /*}\r\n else {\r\n console.log('this (purchasePrice === purchasePriceWithCents)');\r\n }*/\r\n }\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n });\r\n\r\n $('.percent-textbox').on('change', function () {\r\n\r\n try {\r\n var purchasePrice = parseFloat($(this).val().replace(/[^\\d\\.]/g, ''));\r\n //console.log('this purchase price: ' + purchasePrice);\r\n var purchasePriceWithCents = purchasePrice.toFixed(2).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n //console.log('this purchase price with cents: ' + purchasePriceWithCents);\r\n //if (purchasePrice != purchasePriceWithCents) {\r\n //console.log('(purchasePrice != purchasePriceWithCents)');\r\n if (purchasePriceWithCents != \"NaN\") {\r\n $(this).val(purchasePriceWithCents);\r\n console.log('purchasePriceWithCents: ' + purchasePriceWithCents);\r\n }\r\n //console.log($(this).val());\r\n /*}\r\n else {\r\n console.log('this (purchasePrice === purchasePriceWithCents)');\r\n }*/\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n\r\n\r\n\r\n });\r\n\r\n $('.percent-textbox-commas').on('change', function () {\r\n\r\n try {\r\n var purchasePrice = parseFloat($(this).val().replace(/[^\\d\\.]/g, ''));\r\n //console.log('this purchase price: ' + purchasePrice);\r\n var purchasePriceWithCents = purchasePrice.toFixed(2).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n //console.log('this purchase price with cents: ' + purchasePriceWithCents);\r\n //if (purchasePrice != purchasePriceWithCents) {\r\n //console.log('(purchasePrice != purchasePriceWithCents)');\r\n if (purchasePriceWithCents != \"NaN\") {\r\n $(this).val(purchasePriceWithCents);\r\n }\r\n //console.log($(this).val());\r\n /*}\r\n else {\r\n console.log('this (purchasePrice === purchasePriceWithCents)');\r\n }*/\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n\r\n\r\n\r\n });\r\n \r\n\r\n $('.my-home-loan-rates-textbox').on('change input', function () {\r\n $('.my-home-loans-update-button-submitted').removeClass('my-home-loans-update-button-submitted');\r\n if (!inputUpdating && $('#SubmittedStatus').val() != '') {\r\n\r\n\r\n }\r\n });\r\n\r\n $('.quote-tool-email-submit').on('click', function () {\r\n var emailTextboxId = $(this).attr('email-textbox-id');\r\n var emailTextBox = $('#' + emailTextboxId);\r\n var flexFormId = $(emailTextBox).attr('flex-form-id');\r\n\r\n var validatorCssClass = 'flex-form-validation';\r\n var validationGroup = $(this).attr('validation-group');\r\n\r\n var validationStep = $(this).attr('validation-step');\r\n\r\n var currentValidationStep = $('#currentValidationStep').val();\r\n var validationGroup = $('#currentValidationGroup').val();\r\n\r\n var recaptchaSiteKey = $(this).attr('recaptcha-site-key');\r\n var recaptchaAction = $(this).attr('recaptcha-action');\r\n console.log('trigger validation on input - flex-form-id=' + flexFormId + ' ,validator-css-class=' + validatorCssClass + ' ,validation-group=' + validationGroup);\r\n var formIsValid = false;\r\n {\r\n formIsValid = validateFlexForm(flexFormId, validationGroup, validatorCssClass, currentValidationStep);\r\n }\r\n if (formIsValid && $('#' + emailTextboxId).val() != '') {\r\n\r\n var url = '/api/AtlasFormsServices/QuoteToolEmailEntryAync';\r\n //var formData = new FormData();//form);\r\n var fd = { emailAddress: $(emailTextBox).val() };\r\n\r\n if (typeof grecaptcha !== \"undefined\" /*&& grecaptcha && formIsValid && recaptchaSiteKey && recaptchaAction*/) {\r\n console.log('grecaptcha sitekey and action');\r\n console.log(recaptchaSiteKey);\r\n console.log(recaptchaAction);\r\n //$('#' + dynamicFormSubmitLoadingId).show();\r\n grecaptcha.ready(function () {\r\n console.log('grecaptcha ready');\r\n console.log(grecaptcha);\r\n formSubmitted = true;\r\n grecaptcha.execute(recaptchaSiteKey, ({ action: recaptchaAction })).then(function (token) {\r\n\r\n recaptchaToken = token;\r\n console.log('token');\r\n console.log(recaptchaToken);\r\n //formData.append('RecaptchaResponse', recaptchaToken);\r\n \r\n var fdWithRecaptcha = {\r\n emailAddress: $(emailTextBox).val(),\r\n RecaptchaResponse: recaptchaToken\r\n };\r\n $.ajax({\r\n data: JSON.stringify(fdWithRecaptcha),\r\n type: 'post',\r\n url: url,\r\n //enctype: 'multipart/form-data',\r\n processData: false,\r\n //contentType: false,\r\n dataType: 'json',\r\n success: function (data) {\r\n console.log('email submit success');\r\n console.log(data);\r\n },\r\n error: function (data) {\r\n console.log('email submit error');\r\n console.log(data);\r\n }\r\n });\r\n });\r\n\r\n });\r\n }\r\n else {\r\n $.ajax({\r\n data: JSON.stringify(fd),\r\n type: 'post',\r\n url: url,\r\n //enctype: 'multipart/form-data',\r\n processData: false,\r\n //contentType: false,\r\n dataType: 'json',\r\n success: function (data) {\r\n console.log('email submit success');\r\n console.log(data);\r\n },\r\n error: function (data) {\r\n console.log('email submit error');\r\n console.log(data);\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\nfunction submitFlexForm(flexFormId) {\r\n console.log('submitFlexForm(flexFormId)');\r\n return submitFlexForm(flexFormId, '');\r\n}\r\nfunction submitFlexForm(flexFormId, validationGroup) {\r\n var validatorCssClass = 'flex-form-validation';\r\n console.log('submitFlexForm(flexFormId, validationGroup)');\r\n return validateFlexForm(flexFormId, validationGroup, validatorCssClass);\r\n}\r\nfunction submitFlexForm(flexFormId, validationGroup, validatorCssClass) {\r\n var validatorCssClass = 'flex-form-validation';\r\n console.log('submitFlexForm(flexFormId, validationGroup, validatorCssClass)');\r\n return validateFlexForm(flexFormId, validationGroup, validatorCssClass, $('currentValidationStep').val());\r\n}\r\nfunction validateFlexForm(flexFormId, validationGroup, validatorCssClass, currentValidationStep) {\r\n //flex-form-validation\r\n //console.log('validateFlexForm(' + flexFormId + ',' + validationGroup + ',' + validatorCssClass, currentValidationStep);\r\n var isValid = true;\r\n $('#formStatus' + flexFormId).val($('#formStatus' + flexFormId).val() + 'validating' + validationGroup);\r\n var validatorSelectorString = '.' + validatorCssClass + \"[flex-form-id='\" + flexFormId + \"']\";\r\n var validators = $(validatorSelectorString);\r\n //console.log(validators);\r\n validators.each(function (index) {\r\n var validator = $(this);\r\n var validationFor = $(this).attr('validation-for');\r\n var validatorErrorCssClass = $(this).attr('validation-error-css-class');\r\n //console.log('Validator - validation-for=' + validationFor);\r\n var requiredFieldValidator = false;\r\n if (validationFor != '') {\r\n var inputField = $('#' + validationFor);\r\n var inputFieldValue = inputField.val();\r\n //console.log('input-field');\r\n //console.log(inputField);\r\n var inputErrorCssClass = inputField.attr('validation-error-css-class');\r\n var inputFieldIsValid = true;\r\n inputField.removeClass(inputErrorCssClass);\r\n validator.removeClass(validatorErrorCssClass);\r\n }\r\n\r\n });\r\n validators.each(function (index) {\r\n var validator = $(this);\r\n var validationFor = $(this).attr('validation-for');\r\n var validatorErrorCssClass = $(this).attr('validation-error-css-class');\r\n //console.log('Validator - validation-for=' + validationFor);\r\n var requiredFieldValidator = false;\r\n if (validationFor != '') {\r\n var inputField = $('#' + validationFor + \"[flex-form-id='\" + flexFormId + \"']\");\r\n var inputFieldValue = inputField.val();\r\n //var validator = $('#' + validationFor);\r\n var validatorValidationGroup = $(validator).attr('validation-group');\r\n var validatorValidationStep = $(validator).attr('validation-step');\r\n //console.log('input-field');\r\n //console.log(inputField);\r\n var inputErrorCssClass = inputField.attr('validation-error-css-class');\r\n var inputFieldIsValid = true;\r\n //console.log(\"validationGroup: \" + validationGroup + \", validatorValidationGroup: \" + validatorValidationGroup);\r\n //console.log(currentValidationStep );\r\n if (!currentValidationStep || validatorValidationStep == '' || currentValidationStep == '' || currentValidationStep == validatorValidationStep) {\r\n if (validatorValidationGroup == '' || validationGroup == validatorValidationGroup) {\r\n if ($(this).attr('validation-required-field') == 'True') {\r\n //console.log('required field validator');\r\n if (inputFieldValue == '' || typeof inputFieldValue === 'undefined') {\r\n inputFieldIsValid = false;\r\n }\r\n else {\r\n }\r\n\r\n }\r\n if ($(this).attr('validation-regular-expression') != '' && inputFieldValue != '') {\r\n var reggieText = $(this).attr('validation-regular-expression');\r\n reggieText = reggieText.replace(''', '\\'');\r\n var reggie = new RegExp(reggieText);\r\n //console.log(reggie);\r\n inputFieldIsValid = reggie.test(inputFieldValue);\r\n }\r\n //console.log('inputFieldIsValid=' + inputFieldIsValid);\r\n if (!inputFieldIsValid) {\r\n isValid = false;\r\n inputField.addClass(inputErrorCssClass);\r\n validator.addClass(validatorErrorCssClass);\r\n }\r\n }\r\n }\r\n }\r\n \r\n });\r\n $('#formStatus' + flexFormId).val($('#formStatus' + flexFormId).val() + 'validated');\r\n return isValid;\r\n}\r\n\r\n$(function () {\r\n $(document).ready(function () {\r\n $('.flex-form-form').on('submit', function (form) {\r\n var flexFormId = $(this).attr('flex-form-id');\r\n var validatorCssClass = 'flex-form-validation';\r\n var validationGroup = $(this).attr('validation-group');\r\n //console.log('Flex Form Submit Post - flex-form-id=' + flexFormId + ' ,validator-css-class=' + validatorCssClass + ' ,validation-group=' + validationGroup);\r\n var currentValidationStep = $('#currentValidationStep').val();\r\n var formIsValid = validateFlexForm(flexFormId, validationGroup, validatorCssClass, currentValidationStep);\r\n var flexFormSubmitLoadingId = 'flex-form-submit-loading-' + flexFormId;\r\n var recaptchaSiteKey = $(this).attr('recaptcha-site-key');\r\n var recaptchaAction = $(this).attr('recaptcha-action');\r\n var formAction = $(this).attr('action');\r\n var formMethod = $(this).attr('method');\r\n console.log(recaptchaAction + \" \" + recaptchaSiteKey);\r\n var formData = $(this).serializeArray();\r\n if (formIsValid ) {\r\n $('#' + flexFormSubmitLoadingId).show();\r\n \r\n if (typeof grecaptcha !== \"undefined\" && grecaptcha && recaptchaSiteKey && recaptchaAction/* && formIsValid*/) {\r\n console.log('grecaptcha sitekey and action');\r\n grecaptcha.ready(function () {\r\n console.log('grecaptcha ready');\r\n console.log(grecaptcha);\r\n formSubmitted = true;\r\n grecaptcha.execute(recaptchaSiteKey, ({ action: recaptchaAction })).then(function (token) {\r\n\r\n recaptchaToken = token;\r\n console.log('token');\r\n console.log(recaptchaToken);\r\n formData.push({ name: 'RecaptchaResponse', value: recaptchaToken });\r\n $.ajax({\r\n data: formData,\r\n type: formMethod,\r\n url: formAction,\r\n success: function (data) {\r\n $('.flex-form-submit-success').show();\r\n $('.flex-form-submit-success-hide').hide();\r\n $('.flex-form-submit-error').hide();\r\n $('#' + flexFormSubmitLoadingId).hide();\r\n console.log('flex form submit success');\r\n console.log(data);\r\n },\r\n error: function (data) {\r\n $('.flex-form-submit-error').show();\r\n $('.flex-form-submit-success').hide();\r\n $('#' + flexFormSubmitLoadingId).hide();\r\n console.log('flex form submit error');\r\n console.log(data);\r\n }\r\n });\r\n });\r\n\r\n });\r\n\r\n }\r\n else if( formIsValid) {\r\n formData.push({ name: 'RecaptchaResponse', value: 'Recpatcha not Working' });\r\n console.log('recaptcha not enabled.');\r\n $.ajax({\r\n data: formData,\r\n type: formMethod,\r\n url: formAction,\r\n success: function (data) {\r\n $('.flex-form-submit-success').show();\r\n $('.flex-form-submit-success-hide').hide();\r\n $('.flex-form-submit-error').hide();\r\n $('#' + flexFormSubmitLoadingId).hide();\r\n console.log('flex form submit success');\r\n console.log(data);\r\n },\r\n error: function (data) {\r\n $('.flex-form-submit-error').show();\r\n $('.flex-form-submit-success').hide();\r\n $('#' + flexFormSubmitLoadingId).hide();\r\n console.log('flex form submit error');\r\n console.log(data);\r\n }\r\n });\r\n }\r\n }\r\n \r\n return false;\r\n })\r\n $('.trigger-validation').on('click', function () { \r\n var flexFormId = $(this).attr('flex-form-id');\r\n var validatorCssClass = $(this).attr('validator-css-class');\r\n if (typeof validatorCssClass === 'undefined' || validatorCssClass == '')\r\n validatorCssClass = 'flex-form-validation';\r\n console.log('Flex Form Submit Click - flex-form-id=' + flexFormId + ' ,validator-css-class=' + validatorCssClass + ' ,validation-group=' + validationGroup);\r\n var validationGroup = $(this).attr('validation-group');\r\n var currentValidationStep = $('#currentValidationStep').val();\r\n var formIsValid = validateFlexForm(flexFormId, validationGroup, validatorCssClass, currentValidationStep);\r\n \r\n })\r\n\r\n $('.flex-form-input').on('change input', function () {\r\n console.log('on change input ' + $(this).attr('id') + ' ' + $(this).val() );\r\n var flexFormId = $(this).attr('flex-form-id');\r\n var formStatus = $('#formStatus' + flexFormId).val();\r\n if (formStatus != '' && formStatus !== 'undefined') {\r\n var validatorCssClass = 'flex-form-validation';//+ formStatus;\r\n var validationGroup = $('#currentValidationGroup').val();\r\n console.log('trigger validation on input - flex-form-id=' + flexFormId + ' ,validator-css-class=' + validatorCssClass + ' ,validation-group=' + validationGroup);\r\n var currentValidationStep = $('#currentValidationStep').val();\r\n \r\n var formIsValid = validateFlexForm(flexFormId, validationGroup, validatorCssClass, currentValidationStep);\r\n }\r\n \r\n\r\n })\r\n //todo: remove this copy and pase\r\n $('.flex-form-validated-input').on('change input', function () {\r\n console.log('on change input ' + $(this).attr('id') + ' ' + $(this).val());\r\n var flexFormId = $(this).attr('flex-form-id');\r\n var formStatus = $('#formStatus' + flexFormId).val();\r\n if (formStatus != '' && typeof formStatus !== 'undefined') {\r\n var validatorCssClass = 'flex-form-validation';//+ formStatus;\r\n var validationGroup = $(this).attr('validation-group');\r\n\r\n var validationStep = $(this).attr('validation-step');\r\n\r\n var currentValidationStep = $('#currentValidationStep').val();\r\n var validationGroup = $('#currentValidationGroup').val();\r\n console.log('trigger validation on input - flex-form-id=' + flexFormId + ' ,validator-css-class=' + validatorCssClass + ' ,validation-group=' + validationGroup);\r\n var formIsValid = false;\r\n if (currentValidationStep != '') {\r\n if (formStatus.includes('Step:' + currentValidationStep))\r\n formIsValid = validateFlexForm(flexFormId, validationGroup, validatorCssClass, currentValidationStep); \r\n }\r\n else {\r\n formIsValid = validateFlexForm(flexFormId, validationGroup, validatorCssClass, currentValidationStep);\r\n }\r\n \r\n }\r\n\r\n\r\n })\r\n });\r\n});","\r\nMOAForm = (function() {\r\n var fn = {},\r\n api = {},\r\n formType = '',\r\n formName = '',\r\n formValidator = '',\r\n validationRulesConfig = {};\r\n\r\n fn = {\r\n init: function() {\r\n validationRulesConfig = {\r\n global: {\r\n submitHandler: function(form, event) {\r\n event.preventDefault();\r\n fn.submitForm();\r\n }\r\n },\r\n personalLoan: {\r\n rules: {\r\n pLoCLoanPurpose: {\r\n required: function(element) {\r\n return $(element).is(':visible');\r\n }\r\n },\r\n pLoanPurpose: {\r\n required: function(element) {\r\n return $(element).is(':visible');\r\n }\r\n },\r\n pLoanAmount: {\r\n required: true,\r\n min: 1,\r\n loanAmount: 'loanAmount'\r\n },\r\n pLoanTerm: {\r\n required: function(element) {\r\n return $(element).is(':visible');\r\n },\r\n min: 1,\r\n digits: true\r\n }\r\n },\r\n messages: {\r\n pLoCLoanPurpose: {\r\n required: 'Loan Purpose is required'\r\n },\r\n pLoanPurpose: {\r\n required: 'Loan Purpose is required'\r\n },\r\n pLoanAmount: {\r\n required: 'Loan Amount is required',\r\n min: 'Loan Amount should be greater than or equal to 1',\r\n loanAmount: 'Loan Amount should be a number with upto 2 decimal precision'\r\n },\r\n pLoanTerm: {\r\n required: 'Loan Term is required',\r\n min: 'Loan Term should be greater than or equal to 1',\r\n digits: 'Please enter a non-decimal number'\r\n }\r\n }\r\n },\r\n creditCard: {\r\n rules: {\r\n cCardPurpose: {\r\n required: true\r\n }\r\n },\r\n messages: {\r\n cCardPurpose: {\r\n required: 'Please select a purpose'\r\n }\r\n }\r\n },\r\n vehicleLoan: {\r\n rules: {\r\n vLoanPurpose: {\r\n required: true\r\n }\r\n },\r\n messages: {\r\n vLoanPurpose: {\r\n required: 'Please select a purpose'\r\n }\r\n }\r\n }\r\n };\r\n\r\n fn.moaLinkHandler();\r\n\r\n fn.loadTiles();\r\n\r\n fn.closeForm();\r\n },\r\n\r\n loadTiles: function() {\r\n var self = this;\r\n var tilesType = getUrlParameterByName('type');\r\n\r\n if(tilesType && tilesType === 'loans') {\r\n $('.m8__links > div').hide();\r\n $('.m8__form-section, .m8__form').hide();\r\n $('.m8__links-section').slideDown();\r\n $('#credit-card-tile, #personal-loan-tile, #vehicle-loan-tile').slideDown();\r\n $('.m8__disclaimer').show();\r\n } else {\r\n self.loadDefaultForm();\r\n }\r\n },\r\n\r\n loadDefaultForm: function() {\r\n var defaultForm = getUrlParameterByName('type');\r\n\r\n if(defaultForm && $('#' + defaultForm).length) {\r\n $('.m8__link--moa[data-link-type=\"' + defaultForm + '\"]').trigger('click');\r\n } else {\r\n $('.m8__form-section, .m8__form').hide();\r\n $('.m8__links-section').slideDown();\r\n }\r\n $('.m8__disclaimer').show();\r\n },\r\n\r\n moaLinkHandler: function() {\r\n $(document).on('click', '.m8__link--moa', function(e) {\r\n if($(this).attr('href') === '#') {\r\n e.preventDefault();\r\n \r\n formType = $(this).attr('data-link-type');\r\n \r\n if(formType) {\r\n $('.m8__links-section').slideUp('slow');\r\n $('.m8__form--' + formType).show();\r\n $('.m8__form-section').slideDown('slow');\r\n \r\n formName = $('.m8__form--' + formType + ' form').attr('name');\r\n }\r\n \r\n fn.moaFormHandler();\r\n }\r\n });\r\n },\r\n\r\n moaFormHandler: function() {\r\n switch(formName) {\r\n case 'personalLoan':\r\n $(document).on('change', '.m8__form--personal-loan input[type=\"radio\"][name=\"pLineOfCredit\"]', function() {\r\n\r\n if($(this).val() === 'Y') {\r\n $('#pLoCLoanPurpose').show();\r\n $('#pLoanPurpose').hide().val('');\r\n $('.form-group--loan-term').slideUp();\r\n } else {\r\n $('#pLoCLoanPurpose').hide().val('');\r\n $('#pLoanPurpose').show();\r\n $('.form-group--loan-term').slideDown();\r\n }\r\n });\r\n\r\n $('.m8__form--personal-loan input[type=\"radio\"][name=\"pLineOfCredit\"][value=\"N\"]').trigger('click');\r\n\r\n fn.addCustomValidations();\r\n\r\n formValidator = $('form[name=\"' + formName + '\"]').validate($.extend({}, validationRulesConfig.personalLoan, validationRulesConfig.global));\r\n\r\n break;\r\n\r\n case 'creditCard':\r\n formValidator = $('form[name=\"' + formName + '\"]').validate($.extend({}, validationRulesConfig.creditCard, validationRulesConfig.global));\r\n\r\n break;\r\n\r\n case 'vehicleLoan':\r\n formValidator = $('form[name=\"' + formName + '\"]').validate($.extend({}, validationRulesConfig.vehicleLoan, validationRulesConfig.global));\r\n\r\n break;\r\n }\r\n },\r\n\r\n addCustomValidations: function() {\r\n switch(formName) {\r\n case 'personalLoan':\r\n $.validator.addMethod('loanAmount', function(value, element) {\r\n var loanAmountRegex = new RegExp(/^\\d{1,12}(\\.\\d{1,2})?$/);\r\n\r\n if(loanAmountRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n });\r\n break;\r\n }\r\n },\r\n\r\n submitForm: function() {\r\n var apiURL = $('form[name=\"' + formName + '\"]').attr('action');\r\n\r\n $('form[name=\"' + formName + '\"]').find('input[type=\"text\"]:visible, select:visible').each(function(key, val) {\r\n apiURL += '&' + $(val).attr('data-api-attr-name') + '=' + $(val).val();\r\n });\r\n\r\n $('form[name=\"' + formName + '\"]').find('input[type=\"radio\"]:visible:checked').each(function(key, val) {\r\n if($(val).attr('data-api-attr-name')) {\r\n apiURL += '&' + $(val).attr('data-api-attr-name') + '=' + $(val).val();\r\n }\r\n });\r\n\r\n window.open(apiURL);\r\n },\r\n\r\n closeForm: function() {\r\n $(document).on('click', '.m8__form__action--back', function() {\r\n if(formType) {\r\n if(document.referrer.indexOf(location.protocol+'//'+location.host) === 0) {\r\n window.location = document.referrer;\r\n return;\r\n }\r\n\r\n if(formName) {\r\n $('form[name=\"' + formName + '\"]').trigger('reset');\r\n formValidator.resetForm();\r\n }\r\n\r\n $('.m8__form-section').slideUp('slow');\r\n $('.m8__links-section').slideDown('slow');\r\n $('.m8__form--' + formType).hide();\r\n \r\n formType = '';\r\n formName = '';\r\n }\r\n\r\n $('html').animate({\r\n scrollTop: $('.m8__links-container').offset().top - 50\r\n });\r\n });\r\n }\r\n }\r\n\r\n api = {\r\n init: function() {\r\n return fn.init.apply(this, arguments);\r\n }\r\n }\r\n return api;\r\n})();\r\n\r\n$(function() {\r\n MOAForm.init();\r\n});","$(function () {\r\n $(document).ready(function () {\r\n $(\"div.product-module-product\")\r\n .on(\"click\", \"ul.product-module-product-list li a\", function (e) {\r\n var $a = $(this);\r\n var $product = $a.parents(\"div.product-module-product\");\r\n\r\n $a.addClass(\"active\");\r\n $product.find(\"ul.product-module-product-list a\").removeClass(\"active\");\r\n\r\n var id = document.getElementById($a.data(\"id\"));\r\n $product.find(\"div.product-module-product-col-rate\").hide();\r\n $(id).show();\r\n $(\"html\").animate({ scrollTop: $(id).offset().top - 150 });\r\n\r\n if ($a.attr(\"href\") === \"#\") {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n }\r\n })\r\n .on(\r\n \"change input\",\r\n \"div.product-module-product-col-mobile select\",\r\n function () {\r\n var $select = $(this);\r\n id = document.getElementById($select.val());\r\n if (id == null) return false;\r\n /*$product = $select.parents('div.product-module-product');\r\n $product.find('div.product-module-product-col-rate').hide();\r\n $( id ).show();*/\r\n $('a[data-id=\"' + $select.val() + '\"]').click();\r\n if ($('a[data-id=\"' + $select.val() + '\"]').attr(\"href\") !== \"#\") {\r\n window.open($('a[data-id=\"' + $select.val() + '\"]').attr(\"href\"));\r\n }\r\n }\r\n )\r\n .on(\"blur\", \"div.product-module-product-col-mobile select\", function () {\r\n var $select = $(this);\r\n id = document.getElementById($select.val());\r\n if (id == null) return false;\r\n /*$product = $select.parents('div.product-module-product');\r\n $product.find('div.product-module-product-col-rate').hide();\r\n $( id ).attr('tabindex' ,'-1').show().focus();*/\r\n $('a[data-id=\"' + $select.val() + '\"]').click();\r\n });\r\n\r\n $(\"div.rate-module.rate-complex\").on(\r\n \"click\",\r\n \"a.rate-card-preview-toggle\",\r\n function (e) {\r\n var $a = $(this);\r\n var expanded = $a.attr(\"aria-expanded\") === \"false\" ? true : false;\r\n $a.attr(\"aria-expanded\", expanded)\r\n .parents(\"div.rate-card\")\r\n .toggleClass(\"rate-card-expanded\");\r\n return false;\r\n }\r\n );\r\n\r\n if ($(\"div.product-module-product-col-mobile select:visible\").length) {\r\n $(\"div.product-module-product-col-mobile select\").trigger(\"blur\");\r\n }\r\n });\r\n});\r\n","$(function () {\r\n $(document).ready(function () {\r\n if ($(\".rate-promo-rate-value-wrap\").length > 0) {\r\n var ratesText = $('.rate-promo-rate-value-wrap .rate-values').html();\r\n var delimiterIndex = ratesText.indexOf(': ');\r\n\r\n if (delimiterIndex != -1) {\r\n var rateCopy = ratesText.substring(delimiterIndex + 2);\r\n $('.rate-promo-rate-value-wrap .rate-values').html(ratesText.replace(rateCopy, '' + rateCopy + ''));\r\n }\r\n }\r\n });\r\n});"]}Podcast
' + blogs[i].PodcastItem.Title + '' + blogs[i].PodcastItem.Description + '
';\r\n blogsHtmlContent += '';\r\n blogsHtmlContent += '';\r\n blogsHtmlContent += '