' +\r\n\t\t\t\t'
';\r\n\r\n\t\treturn str;\r\n\r\n\t}\r\n\r\n\tfunction __resize() {\r\n\t\t// console.log( \"InteractiveMap: __resize\" );\r\n\r\n\t\tif ( __map )\r\n\t\t\t// __map.resize();\r\n\t\t\twindow.resizeMap();\r\n\r\n\t}\r\n\r\n\tfunction __trackEvent( category, action, label, value ) {\r\n\t\t// console.log( \"InteractiveMap: __trackEvent\", category, action, label, value );\r\n\r\n\t\ttry {\r\n\r\n\t\t\tga( \"send\", \"event\", category, action, label, value );\r\n\r\n\t\t} catch ( e ) {}\r\n\r\n\t}\r\n\r\n\r\n\r\n\r\n\r\n\t/* ----- LISTENERS ----- */\r\n\tfunction __onCategoryChange( e ) {\r\n\t\t// console.log( \"InteractiveMap: __onCategoryChange\" );\r\n\r\n\t\tvar $target = $( e.currentTarget );\r\n\t\tvar value = $target.val();\r\n\r\n\t\t// __offersEventsClear();\r\n\t\t// __newStoresClear();\r\n\t\t__foodDrinkClear();\r\n\t\t__searchCancel();\r\n\r\n\t\tif ( value === \"clearSelect\" )\r\n\t\t\t__categoryClear();\r\n\t\telse\r\n\t\t\t__categoryHighlight( value );\r\n\r\n\t}\r\n\r\n\tfunction __onKeyUp( e ) {\r\n\t\t// console.log( \"InteractiveMap: __onKeyUp\" );\r\n\r\n\t\tvar validKeyCodes = \"27 \";\r\n\t\t\tvar strKeyCode = e.keyCode.toString() + \" \";\r\n\r\n\t\t\tif ( validKeyCodes.indexOf( strKeyCode ) > -1 ) {\r\n\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tswitch( e.keyCode ) {\r\n\r\n\t\t\t\t\t// ESC\r\n\t\t\t\t\tcase 27:\r\n\t\t\t\t\t\t__searchCancel();\r\n\t\t\t\t\t\t$searchInput.blur();\r\n\t\t\t\t\t\tbreak;\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t}\r\n\r\n\tfunction __onMapData( e, data ) {\r\n\t\t// console.log( \"InteractiveMap: __onMapData\" );\r\n\r\n\t\t__processData( data );\r\n\r\n\t}\r\n\r\n\tfunction __onMapLocationOpen( e, location ) {\r\n\t\t// console.log( \"InteractiveMap: __onMapLocationOpen\" );\r\n\r\n\t\t__trackEvent( \"map\", \"location-open\", null, location.id );\r\n\r\n\t}\r\n\r\n\tfunction __onMapLocationClose( e, location ) {\r\n\t\t// console.log( \"InteractiveMap: __onMapLocationClose\" );\r\n\r\n\t\t__trackEvent( \"map\", \"location-close\", null, location.id );\r\n\t}\r\n\r\n\tfunction __onMapReady( e ) {\r\n\t\t// console.log( \"InteractiveMap: __onMapReady\" );\r\n\r\n\t\t__map = $mapplic.data( \"mapplic\" );\r\n\r\n\t\t__addControls();\r\n __addCategories();\r\n __showHideOffersAndNewStoresButtons();\r\n\t\t__addFoodDrink();\r\n\r\n\t\t__addLocation();\r\n\r\n\t\t__addSearch();\r\n\r\n\t\t__resize();\r\n\r\n\t}\r\n\r\n\tfunction __onMapTooltipLink( e, location, url ) {\r\n\t\t// console.log( \"InteractiveMap: __onMapTooltipLink\" );\r\n\r\n\t\t__trackEvent( \"map\", \"external-link\", null, url );\r\n\r\n\t}\r\n\r\n\tfunction __onMediumMediaQueryChange( list ) {\r\n\t\t// console.log( \"InteractiveMap: __onMediumMediaQueryChange\" );\r\n\t\tconsole.info( list );\r\n\r\n\t\tif ( list.matches )\r\n\t\t\t__map.changeDisplayMode( 1 );\r\n\t\telse\r\n\t\t\t__map.changeDisplayMode( 0 );\r\n\r\n\t}\r\n\r\n\tfunction __onOffersEventsClick( e ) {\r\n\t\t// console.log( \"InteractiveMap: __onOffersEventsClick\" );\r\n\r\n\t\te.preventDefault();\r\n\r\n\r\n\t\t__offersEventsToggle();\r\n\r\n\t}\r\n\r\n\tfunction __onNewStoresClick( e ) {\r\n\t\t// console.log( \"InteractiveMap: __onNewStoresClick\" );\r\n\r\n\t\te.preventDefault();\r\n\r\n\r\n\t\t__newStoresToggle();\r\n\r\n\t}\r\n\r\n\tfunction __onFoodDrinkClick( e ) {\r\n\t\t// console.log( \"InteractiveMap: __onFoodDrinkClick\" );\r\n\r\n\t\te.preventDefault();\r\n\r\n\t\t__categoryClear();\r\n\t\t__searchCancel();\r\n\r\n\t\t__foodDrinkToggle();\r\n\r\n\t}\r\n\r\n\tfunction __onLocationClick( e ) {\r\n\t\t// console.log('ON LOCATION CLICK');\r\n\t\te.preventDefault();\r\n\r\n\t\tvar onUserLocationSuccess = function(){\r\n\t\t\t__categoryClear();\r\n\t\t}\r\n\r\n\t\tif (!!Mapplic_.geoActive){\r\n\t\t\tMapplic_.disableUserLocation();\r\n\t\t}else{\r\n\t\t\tMapplic_.requestUserLocation(onUserLocationSuccess);\r\n\t\t}\r\n\t}\r\n\r\n\tfunction _onSearchActive( e ) {\r\n\t\t// console.log( \"InteractiveMap: _onSearchActive\" );\r\n\r\n\t\t$controls.addClass( STYLE_SEARCH_FOCUS );\r\n\t\t$window.on( \"keyup\", __onKeyUp );\r\n\r\n\t}\r\n\r\n\tfunction __onSearchCancel( e ) {\r\n\t\t// console.log( \"InteractiveMap: __onSearchCancel\" );\r\n\r\n\t\te.preventDefault();\r\n\t\t__searchCancel();\r\n\r\n\t}\r\n\r\n\tfunction __onSearchChange( e, value ) {\r\n\t\t// console.log( \"InteractiveMap: __onSearchChange\" );\r\n\r\n\t\tif ( !value )\r\n\t\t\t__searchCancel();\r\n\r\n\t}\r\n\r\n\tfunction __onSearchIdle( e ) {\r\n\t\t// console.log( \"InteractiveMap: __onSearchIdle\" );\r\n\r\n\t\tif ( $searchInput.typeahead( \"val\" ) === \"\" )\r\n\t\t\t__searchCancel();\r\n\r\n\t\t$window.on( \"keyup\", __onKeyUp );\r\n\r\n\t}\r\n\r\n\tfunction __onSearchRender( e ) {\r\n\t\t// console.log( \"InteractiveMap: __onSearchRender\" );\r\n\r\n\t\t$search.removeClass( STYLE_EMPTY );\r\n\t\t$searchCancel.show();\r\n\r\n\t\t__categoryClear();\r\n\t\t__offersEventsClear();\r\n\t\t__newStoresClear();\r\n\t\t__foodDrinkClear();\r\n\r\n\t\t__map.hideLocation();\r\n\t\t__map.clearHighlight();\r\n\r\n\t\tvar ary = [];\r\n\t\tfor ( var i = 1; i < arguments.length; i++ )\r\n\t\t\tary.push( arguments[ i ].id );\r\n\r\n\t\t__map.toggleLocationHighlight( ary, true );\r\n\r\n\t\t// Tracking\r\n\t\tif ( __searchTimer )\r\n\t\t\tclearTimeout( __searchTimer );\r\n\r\n\t\t__searchTimer = setTimeout( __onSearchRenderTimeout, TIMEOUT_SEARCH );\r\n\r\n\t}\r\n\r\n\tfunction __onSearchRenderTimeout() {\r\n\t\t// console.log( \"InteractiveMap: __onSearchRender\" );\r\n\r\n\t\t__trackEvent( \"map\", \"search-render\", null, $searchInput.val() );\r\n\r\n\t}\r\n\r\n\tfunction __onSearchSelect( e, location ) {\r\n\t\t// console.log( \"InteractiveMap: __onSearchSelect\" );\r\n\r\n\t\t__map.clearHighlight();\r\n\t\t__map.showLocation( location.id );\r\n\r\n\t\t__trackEvent( \"map\", \"search-select\", null, location.id );\r\n\r\n\t}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t/* * * * * PUBLIC * * * * */\r\n\t// Return a constructor which returns private properties\r\n\t// and methods that should be available publically.\r\n\treturn function() {\r\n\t\t// console.log( \"new InteractiveMap\" );\r\n\r\n\r\n\t\t/* * * * * CALL * * * * */\r\n\t\t// Call methods that should execute when this object\r\n\t\t// is instantiated.\r\n\t\t__init();\r\n\r\n\r\n\t\treturn {\r\n\t\t\tinit: __init,\r\n\t\t\tresize: __resize\r\n\t\t}\r\n\t}\r\n\r\n}( jQuery ));\r\n\r\n","var lazyScroll = {\r\n\r\n\tpromosBuild: function(){\r\n\t\tvar $lazyLoadingItem = $('.lazy-loading-item');\r\n\r\n\t\tif($lazyLoadingItem.length > 0){\r\n\t\t\t$lazyLoadingItem.each(function(){\r\n\t\t\t\tvar $this = $(this);\r\n\t\t\t\tlazyScroll.scrollInit($this);\r\n\r\n\t\t\t\tif(lazyScroll.isScrolledIntoView($this) === true){\r\n\t\t\t\t\tlazyScroll.bgPromoInit($this.find('.module-image'));\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\tscrollInit: function($t){\r\n\t\t$(window).on('scroll', function(){\r\n\t\t\tvar thisToF = lazyScroll.isScrolledIntoView($t),\r\n\t\t\t$thisModuleImage = $t.find('.module-image');\r\n\t\t\tif($thisModuleImage.hasClass('bg-done') === false){\r\n\t\t\t\tif(thisToF === true){\r\n\t\t\t\t\tlazyScroll.bgPromoInit($thisModuleImage);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\tbgPromoInit: function($thisModuleImage){\r\n\t\tvar thisImage = $thisModuleImage.attr('data-largeLazyPromo');\r\n\r\n\t\tif (thisImage.length > 0){\r\n\t\t\t$thisModuleImage.css('background-image', 'url(' + thisImage + ')');\r\n\t\t\t$thisModuleImage.addClass('bg-done');\r\n\t\t}\r\n\t},\r\n\r\n\tisScrolledIntoView: function(elem){\r\n\t\tvar docViewTop = $(window).scrollTop(),\r\n \t\tdocViewBottom = docViewTop + $(window).height(),\r\n\t\t\telemTop = $(elem).offset().top,\r\n\t\t\telemImg = $(elem).find('.module-image'),\r\n \t\telemBottom = elemTop,\r\n\t\t\telemImgBottom = elemTop + elemImg.height(),\r\n\t\t\telemState = (elemBottom <= docViewBottom) && (elemTop >= docViewTop),\r\n\t\t\telemStateImg = (elemImgBottom <= docViewBottom) && (elemImgBottom >= docViewTop);\r\n\r\n\t\tif(elemState === true){\r\n\t\t\treturn true;\r\n\t\t} else if (elemState === false){\r\n\t\t\tif(elemStateImg === true){\r\n\t\t\t\treturn true;\r\n\t\t\t} else {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\r\n\twidgetsImg: function(elem) {\r\n\t\t$(elem).find('[data-bg-img-src]').each(function(){\r\n\t\t\tvar _this = $(this);\r\n\t\t\tvar src = _this.attr('data-bg-img-src');\r\n\t\t\t_this.css('background-image', 'url(' + src + ')');\r\n\t\t\t_this.removeAttr('data-bg-img-src');\r\n\t\t});\r\n\t},\r\n\r\n\twidgetsLoad: function() {\r\n\t\t$(window).on('resize scroll', function() {\r\n\t\t\tif ($('[data-bg-img-src]').length) {\r\n\t\t\t\t$('.widget-slot').each(function(){\r\n\t\t\t\t\tif (lazyScroll.elementIsInView(this)) {\r\n\t\t\t\t\t\tlazyScroll.widgetsImg(this);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\telementIsInView: function(elem) {\r\n\t var elementTop = $(elem).offset().top;\r\n\t var elementBottom = elementTop + $(elem).outerHeight();\r\n\r\n\t var viewportTop = $(window).scrollTop();\r\n\t var viewportBottom = viewportTop + $(window).height();\r\n\r\n\t return elementBottom > viewportTop && elementTop < viewportBottom;\r\n\t},\r\n\r\n\tinit: function() {\r\n\t\tif($(window).width() > 1023){\r\n\t\t\tlazyScroll.promosBuild();\r\n\t\t}\r\n\t\t$(window).on('resize', function(){\r\n\t\t\tif($(window).width() > 1023){\r\n\t\t\t\tlazyScroll.promosBuild();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif ($('[data-bg-img-src]').length) {\r\n\t\t\tlazyScroll.widgetsLoad();\r\n\t\t}\r\n\t}\r\n};\r\n","var modalProduct = {\r\n\r\n\t// ----- VARS ----- //\r\n\telms: {\r\n\t\tclose: undefined,\r\n\t\tcontent: undefined,\r\n\t\tmodal: undefined,\r\n\t\tproduct: {\r\n\t\t\tbrand: undefined,\r\n\t\t\ttitle: undefined,\r\n\t\t\tdescription: undefined,\r\n\t\t\timageSmall: undefined,\r\n\t\t\timageLarge: undefined,\r\n\t\t\tproductPrice: undefined,\r\n\t\t\tbrandUrl: undefined,\r\n\t\t\tbrandMapUrl: undefined\r\n\t\t}\r\n\t},\r\n\r\n\t// ----- CONSTANTS ----- //\r\n\tEVENT_TRANSITION: 'animationend webkitAnimationEnd oanimationend MSAnimationEnd',\r\n\r\n\t// ----- FUNCTIONS ----- //\r\n\tinit: function() {\r\n\t\t//console.log( 'modalProduct: init' );\r\n\r\n\t // find modal\r\n\t\tmodalProduct.elms.modal = $( '#product-modal' );\r\n\r\n\t\tif (!modalProduct.elms.modal.length) {\r\n\t\t //console.warn('No modal found in page');\r\n\t\t return;\r\n\t\t}\r\n\r\n\t\t// find triggers\r\n\t\tvar triggers = $( '[data-toggle=\"modal\"]' );\r\n\r\n\t\tif (!triggers.length) {\r\n\t\t //console.warn('No modal triggers found in page');\r\n\t\t return;\r\n\t\t}\r\n\r\n\t\t// find trigger containers\r\n\t\tvar containers = $('.products-list, .product-carousel, .products, .product-page, .component-latest-trends, .component-wear, .small-product-carousel');\r\n\r\n\t\tif (!containers.length) {\r\n\t\t //console.warn('No modal trigger container found in page');\r\n\t\t return;\r\n\t\t}\r\n\r\n\t\t// this way jQuery will target elements lazily loaded\r\n\t containers.on( 'click', triggers, modalProduct.productClickHandler );\r\n\r\n\t\t$(document).keyup(function(e){\r\n\t\t\te = e || window.event;\r\n\r\n\t\t\t// don't hide if zoom-open is open (or closing)\r\n\t\t\tif (e.keyCode == 27 && $('.zoom-open').length < 1) {\r\n\t\t\t\tmodalProduct.hideModal();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tmodalProduct.elms.close = modalProduct.elms.modal.find( '[data-dismiss=\"modal\"]' );\r\n\r\n\t\t// event handlers\r\n\t\tmodalProduct.elms.modal.on( 'click', modalProduct.modalClickHandler );\r\n\t\tmodalProduct.elms.close.on( 'click', modalProduct.onClose );\r\n\r\n\t\t// assign elements\r\n\t\tmodalProduct.elms.product.brand = $('#product-brand', modalProduct.elms.modal);\r\n\t\tmodalProduct.elms.product.title = $('#product-title', modalProduct.elms.modal);\r\n\t\tmodalProduct.elms.product.description = $('#product-description', modalProduct.elms.modal);\r\n\t\tmodalProduct.elms.product.imageSmall = $('#product-image', modalProduct.elms.modal);\r\n\t\tmodalProduct.elms.product.imageLarge = $('#product-zoom-image', modalProduct.elms.modal);\r\n\t\tmodalProduct.elms.product.price = $('#product-price', modalProduct.elms.modal);\r\n\t\tmodalProduct.elms.product.brandUrl = $('#product-brand-url', modalProduct.elms.modal);\r\n\t\tmodalProduct.elms.product.brandMapUrl = $('#product-brand-map-url', modalProduct.elms.modal);\r\n\r\n\t\t// check if should open modal\r\n\t\tvar featuredProductId = $('[data-featured-product-id]').attr('data-featured-product-id');\r\n\r\n\t\tif (featuredProductId) {\r\n\t\t\tcontainers.find(\"[data-product-id='\" + featuredProductId + \"']\").click();\r\n\t\t}\r\n\t},\r\n\r\n\tshowModal: function( selector ) {\r\n\t\t//console.log( 'modalProduct: show, selector:', selector );\r\n\r\n\t\t// scrollhack to avoid page jumping with modalProduct. will work with new navigation. desktop only (breaks zoom in mobile)\r\n\t\t// var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\r\n\t\t// $('body').css('top', -(scrollTop) + 'px').addClass('modal-open');\r\n\t\t// $('body').addClass('modal-open');\r\n //console.log('Whats my selector? ' + selector)\r\n\r\n\t\tmodalProduct.elms.modal.css( 'display', 'flex' );\r\n\t\tmodalProduct.elms.modal.addClass( 'in' );\r\n\r\n\t // Populate Modal Content\r\n\t\tmodalProduct.elms.product.brand.html( selector.data('brand') );\r\n\t\tmodalProduct.elms.product.title.html( selector.data('title') );\r\n\t\tmodalProduct.elms.product.description.html( selector.data('description') );\r\n\r\n\t // Price\r\n\t\tmodalProduct.elms.product.price.html( selector.find('.product-price').clone() );\r\n\r\n // Images\r\n\t\tmodalProduct.elms.product.imageSmall.attr('src', selector.data('image-src') );\r\n\t\tmodalProduct.elms.product.imageSmall.attr('alt', selector.data('title') );\r\n\t\tmodalProduct.elms.product.imageLarge.attr('data-img-zoom', selector.data('zoom-image-src') );\r\n\t\tmodalProduct.elms.product.imageLarge.attr('alt', selector.data('title') );\r\n\r\n\t\t// Links\r\n\t\tmodalProduct.elms.product.brandUrl.attr('href', selector.data('brand-url') );\r\n\t\tmodalProduct.elms.product.brandMapUrl.attr('href', selector.data('map-url') );\r\n\r\n // Sharing\r\n\t\tmodalProduct.elms.modal.attr('data-share-url', selector.data('share-url') );\r\n\t\tmodalProduct.elms.modal.attr('data-title', selector.data('title') );\r\n\t\tmodalProduct.elms.modal.attr('data-share-image', selector.data('share-image') );\r\n\r\n\t\tvar $shareItems = modalProduct.elms.modal.find( '.share-item > a' );\r\n\r\n\t\tsocialLinks.create( $shareItems, selector );\r\n\t},\r\n\r\n\thideModal: function() {\r\n\t\t//console.log( 'modalProduct: hide' );\r\n\r\n\t\tif ( modalProduct.elms.modal ) {\r\n\r\n\t\t\t// Remove Listeners\r\n\t\t\tmodalProduct.elms.modal.off( 'click', modalProduct.onClose );\r\n\r\n\t\t\t// Hide Modal\r\n\t\t\tmodalProduct.elms.modal.removeClass( 'in' );\t\t\t\r\n\t\t\tmodalProduct.elms.modal.one( modalProduct.EVENT_TRANSITION, modalProduct.onHideComplete );\r\n\t\t}\r\n\t},\r\n\r\n\t// ----- EVENT LISTENERS ----- //\r\n\r\n\tproductClickHandler: function( e ) {\r\n\t //console.log('modalProduct: productClickHandler, e.target:', e.target);\r\n\r\n\t\t// look for the element with the trigger\r\n\t var selector = $(e.target).closest($('[data-toggle=\"modal\"]'));\r\n\r\n\t\t// if there's one, open modal\r\n\t\tif (selector.length){\r\n\t\t\tmodalProduct.showModal( selector );\r\n\t\t}\r\n\t},\r\n\r\n\tmodalClickHandler: function( e ) {\r\n\t\t//console.log( 'modalClickHandler' );\r\n\r\n\t\t// if clicked on the black overlay, close modal\r\n\t\tif ( e.target == modalProduct.elms.modal[0] ){\r\n\t\t\tmodalProduct.hideModal();\r\n\t\t\treturn;\r\n\t\t}\r\n\t},\r\n\r\n\tonClose: function( e ) {\r\n\t\t//console.log( 'modalProduct: onClose' );\r\n\r\n\t\te.stopPropagation();\r\n\t\tmodalProduct.hideModal();\r\n\r\n\t},\r\n\r\n\tonHideComplete: function( e ) {\r\n\t\t//console.log( 'modalProduct: onHideComplete' );\r\n\r\n\t\te.stopImmediatePropagation();\r\n\r\n\t\t// Hide Modal\r\n\t\tmodalProduct.elms.modal.css( 'display', 'none' );\r\n\r\n\t\t// Unassign Variables and Remove Listeners\r\n\t\tmodalProduct.elms.modal.off( modalProduct.EVENT_TRANSITION, modalProduct.onHideComplete );\r\n\r\n\t\t// $('body').removeClass('modal-open');\r\n\r\n\t\t// Reset zoom img container and product modal img\r\n\t\t$('#product-zoom-image').add(modalProduct.elms.product.imageSmall).attr('src', '/assets/img/src/transparent-video-img.png').removeAttr('data-img-zoom').removeAttr('style').removeAttr('src');\r\n\r\n\t\t// scrollhack to avoid page jumping with modalProduct. will work with new navigation. desktop only (breaks zoom in mobile)\r\n\t\t// var scrollTop = -parseInt($('body').css('top'), 10);\r\n\t\t// $('body').removeClass('modal-open').css('top', 0);\r\n\t\t// window.pageYOffset = document.documentElement.scrollTop = document.body.scrollTop = scrollTop;\r\n\t}\r\n};","var modal = {\r\n // ----- VARS ----- //\r\n elms: {\r\n close: undefined,\r\n content: undefined,\r\n modal: undefined,\r\n triggers: $(\r\n '[data-toggle=\"modal\"]:not(.product):not(.latest-trends-product)'\r\n )\r\n },\r\n\r\n // ----- CONSTANTS ----- //\r\n EVENT_TRANSITION:\r\n \"webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend\",\r\n\r\n // ----- FUNCTIONS ----- //\r\n init: function() {\r\n //console.log( 'modal: init' );\r\n\r\n modal.elms.triggers.on(\"click\", modal.elms.triggers, modal.onClick);\r\n },\r\n\r\n show: function(selector, title) {\r\n //console.log( 'modal: show', selector );\r\n\r\n modal.elms.modal = $(selector);\r\n modal.elms.close = modal.elms.modal.find('[data-dismiss=\"modal\"]');\r\n modal.elms.content = modal.elms.modal.find(\".modal-content\");\r\n\r\n if (title) modal.elms.content.find(\".modal-title\").text(title);\r\n\r\n modal.elms.modal.on(\"click\", modal.onClose);\r\n\r\n // Update Share Content if Applicable\r\n if (selector.match(/share/i)) modal.updateShare();\r\n\r\n // Add to Display\r\n modal.elms.modal.css(\"display\", \"flex\");\r\n modal.elms.modal[0].offsetWidth;\r\n\r\n // Transition In\r\n modal.elms.modal.addClass(\"in\");\r\n },\r\n\r\n hide: function() {\r\n //console.log( 'modal: hide' );\r\n\r\n // Remove Listeners\r\n modal.elms.modal.off(\"click\", modal.onClose);\r\n\r\n // Hide Modal\r\n modal.elms.modal.removeClass(\"in\");\r\n\r\n setTimeout(function() {\r\n modal.elms.modal.removeAttr(\"style\");\r\n // Unassign Variables and Remove Listeners\r\n modal.elms.modal.off(modal.EVENT_TRANSITION, modal.onHideComplete);\r\n\r\n modal.elms.close = undefined;\r\n modal.elms.content = undefined;\r\n modal.elms.modal = undefined;\r\n }, 500);\r\n\r\n if (modal.elms.modal.attr(\"id\") === \"registration-modal\") {\r\n sessionStorage.setItem(\"registration-seen\", true);\r\n }\r\n },\r\n\r\n updateShare: function() {\r\n //console.log( 'modal: updateShare' );\r\n\r\n modal.elms.modal.attr(\"data-share-url\", window.location.href);\r\n var $shareItems = modal.elms.modal.find(\".share-item > a\");\r\n\r\n socialLinks.create($shareItems);\r\n },\r\n\r\n // ----- EVENT LISTENERS ----- //\r\n onClick: function(e) {\r\n //console.log( 'modal: onClick' );\r\n e.preventDefault();\r\n\r\n var $target = $(e.currentTarget);\r\n var modalId = $target.data(\"target\");\r\n var modalTitle = $target.data(\"modal-title\");\r\n var modalGallerySlide = $target.data(\"gallery-index\");\r\n\r\n if (modalGallerySlide) {\r\n gallery.setupModal(modalGallerySlide);\r\n return;\r\n }\r\n\r\n modal.show(modalId, modalTitle);\r\n },\r\n\r\n onClose: function(e) {\r\n //console.log( 'modal: onClose' );\r\n if ($('#terms-conditions-modal').length <= 0) {\r\n var isContent = $.contains(modal.elms.content[0], e.target);\r\n var isClose =\r\n $.contains(modal.elms.close[0], e.target) ||\r\n modal.elms.close[0] === e.target;\r\n\r\n if (isClose || !isContent) modal.hide();\r\n }\r\n }\r\n};\r\n","var mob = {\r\n\tcloseSpd: 200,\r\n\tdelay: 200,\r\n\tstaggerDelay:{\r\n\t\tin: 40,\r\n\t\tout: 0\r\n\t}\r\n}\r\n\r\nvar mobileClosed = true;\r\nvar scrollPos = null;\r\nvar nav = {\r\n\tmainHeader: $('.main-header'),\r\n\tanimItems: $('.off-canvas-block'),\r\n\tpinToTopItems: $('.nav-pin-to-top'),\r\n\tanimDelay: 50,\r\n\topenClose: {\r\n\t\thamburger: $('#navTrigger'),\r\n\t\tsiteCanvas: $('.site-canvas'),\r\n\t\tsiteWrapper: $('.site-wrapper'),\r\n\t\toffCanvas: $('.off-canvas-wrapper'),\r\n\t\tcloseNav: $('.close-canvas'),\r\n\t\tlastItem:null,\r\n\r\n\t\tsearchTrigger: {\r\n\t\t\tsearchForm: $('.search-form'),\r\n\t\t\tbutton: $('.search-button'),\r\n\t\t\tinputSearch: $('#search')\r\n\t\t},\r\n\r\n\t\tsubnavEls: {\r\n\t\t\t//subnavTrigger: $('.nav-subnav-trigger'),\r\n\t\t\tsubnavTrigger: $('.nav-subnav-trigger, .language-subnav-trigger, .village-subnav-trigger'),\r\n\t\t\tsubnav: $('.nav-subnav')\r\n\t\t},\r\n\r\n\t\tshowNav: function() {\r\n\t\t\tnav.openClose.showNav.commonElements = nav.openClose.hamburger\r\n\t\t\t\t.add(nav.openClose.siteCanvas)\r\n\t\t\t\t.add(nav.openClose.closeNav);\r\n\r\n\t\t\tnav.openClose.hamburger.click(function(e) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tif (isTouch || (!isTouch && windowWidth < desktop)) {\r\n\t\t\t\t\tnav.openClose.showNav.commonElements.toggleClass('active');\r\n\t\t\t\t\tmobileClosed = false;\r\n\t\t\t\t\tscrollPos = $('body').scrollTop();\r\n\t\t\t\t\t// $('body, html, .site-wrapper, .site-canvas, #mainContent').css({'overflow': 'hidden', 'height': '100%'});\r\n\t\t\t\t\t//looks nicer with opacity on background as 0.2 \r\n\t\t\t\t\t// $('.sidenav').css('background','none');\r\n\t\t\t\t\tnav.openClose.showInDelay(nav.animItems, /*nav.animDelay*/mob.staggerDelay.in,'in');\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tnav.openClose.closeNav.click(function(e){\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tnav.openClose.showNav.commonElements.toggleClass('active');\r\n\t\t\t\tnav.undoOthers.undoSubnav();\r\n\t\t\t\tnav.undoOthers.undoDropdowns();\r\n\r\n\t\t\t\tif (isTouch || (!isTouch && windowWidth < desktop)) {\r\n\t\t\t\t\t$('body, html, .site-wrapper, .site-canvas, #mainContent').removeAttr('style');\r\n\t\t\t\t\tmobileClosed = true;\r\n\t\t\t\t\t$('body').scrollTop( scrollPos );\r\n\t\t\t\t\tscrollPos = null;\r\n\r\n\t\t\t\t\t//remove class to reset animation\r\n\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\tnav.openClose.showInDelay(nav.animItems, mob.staggerDelay.out,'out');\r\n\t\t\t\t\t}, 100)\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\toffCanvasScroll: function() {\r\n\t\t\tnav.openClose.offCanvas.mCustomScrollbar({\r\n\t\t\t\taxis:'y',\r\n\t\t\t\ttheme: 'minimal-dark',\r\n\t\t\t\tautoHideScrollbar: true,\r\n\t\t\t\tscrollInertia: 0\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tundoOffCanvasScroll: function() {\r\n\t\t\tnav.openClose.offCanvas.mCustomScrollbar('destroy');\r\n\t\t},\r\n\r\n\t\tcloseNavResize: function() {\r\n\t\t\tif (nav.openClose.closeNav.hasClass('active')) {\r\n\t\t\t\tnav.openClose.closeNav.trigger('click');\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tcloseNavResizeDown: function() {\r\n\t\t\tnav.openClose.hamburger.removeClass('active');\r\n\t\t},\r\n\r\n\t\tsearchForm: function() {\r\n\t\t//\t//console.log(' TEST ');\r\n\r\n\t\t\tif (!isTouch && windowWidth >= desktop) {\r\n\t\t\t\tnav.openClose.searchTrigger.inputSearch.attr('disabled', 'disabled');\r\n\t\t\t}\r\n\r\n\t\t\tnav.openClose.searchTrigger.button.click(function(e){\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tnav.openClose.searchTrigger.inputSearch.removeAttr('disabled').focus();\r\n\t\t\t\tnav.openClose.searchTrigger.searchForm.addClass('active');\r\n\t\t\t});\r\n\r\n\t\t\tnav.openClose.searchTrigger.inputSearch.on('blur', function(){\r\n\t\t\t\tif (!isTouch && windowWidth >= desktop) {\r\n\t\t\t\t\tnav.openClose.searchTrigger.searchForm.removeClass('active');\r\n\t\t\t\t\tnav.openClose.searchTrigger.inputSearch.attr('disabled', 'disabled');\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif ($(this).val() === '') {\r\n\t\t\t\t\t\tnav.openClose.searchTrigger.searchForm.removeClass('active');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tshowInDelay: function (targetSelectors, incrementDelayBy, direction){\r\n\t\t\t// $('#mCSB_1_container').offset({top: 0});\r\n\t\t\tvar d=0;\r\n\t\t\ttargetSelectors.each(function(index,selector){\r\n\r\n\t\t\t setTimeout(function(){\r\n\t\t if(direction == 'in'){\r\n\t\t\t\t\t$(selector).addClass('movein'); \r\n\t\t\t\t}\r\n\t\t\t \tif(direction == 'out'){\r\n\t\t\t \t\t$(selector).removeClass('movein');\r\n\t\t\t \t}\r\n\t\t\t },d=d+incrementDelayBy);\r\n\t\t\t}); \r\n\t\t},\r\n\r\n\t\tundoDisableSearch: function() {\r\n\t\t\tnav.openClose.searchTrigger.inputSearch.removeAttr('disabled');\r\n\t\t},\r\n\r\n\t\tmobileSubnav: function() {\r\n\r\n\t\t\tnav.openClose.subnavEls.subnavTrigger.on('click', function(e){\r\n\t\t\t\t\r\n\t\t\t\tnav.undoOthers.undoDropdowns();\r\n\r\n\t\t\t\tif (isTouch || (!isTouch && windowWidth < desktop)) {\r\n\t\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\t\tvar navItem = $(this).closest('.nav-pin-to-top'); // navItem or dropdown item\r\n\r\n\t\t\t\t\tif (!navItem.hasClass('active')){\r\n\t\t\t\t\t\t//console.log(' OPEN SUBNAV ');\r\n\r\n\t\t\t\t\t\t//var $openedNavItem = navItem.siblings('.nav-pin-to-top.active');\r\n\t\t\t\t\t\tvar $openedNavItem = $('.nav-pin-to-top.active');\r\n\t\t\t\t\t\tif ($openedNavItem.length){\r\n\r\n\t\t\t\t\t\t\t// close the one that's open\r\n\t\t\t\t\t\t\tnav.openClose.close(mob.closeSpd, $openedNavItem, navItem, function(navItem){\r\n\t\t\t\t\t\t\t\t//console.log(' close nav item callback, calling scrollTo ');\r\n\t\t\t\t\t\t\t\tnav.scrollTo(navItem);\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t//console.log(' no open item, calling scrollTo ');\r\n\t\t\t\t\t\t\tnav.scrollTo(navItem);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t$('.weather-open .weather-extended').slideUp();\r\n\t\t\t\t\t\tweather.wrapper.removeClass('weather-open');\r\n\r\n\t\t\t\t\t\t$('.sidenav-navItem.active .sidenav-item-content').slideUp();\r\n\t\t\t\t\t\tsidenav.wrapperEl.removeClass('active');\r\n\r\n\t\t\t\t\t\tnavItem.addClass('active')\r\n\t\t\t\t\t\t\t.find('.nav-subnav').stop().slideDown()\r\n\t\t\t\t\t\tnavItem.find('.nav-subnav-trigger').addClass('active');\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\t//console.log(' CLOSE SUBNAV ', navItem);\r\n\t\t\t\t\t\tnav.openClose.close(mob.closeSpd, navItem, null, function(){\r\n\t\t\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t\t\t$('#mCSB_1_container').animate({top: 0});\r\n\t\t\t\t\t\t\t}, mob.delay)\t\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t\tnav.undoOthers.undoDropdowns();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\t\r\n\t\tclose: function(speed, openedNavItem, navItem, cb){\r\n\t\t\t//console.log('CLOSE');\r\n\t\t\t//console.log('navItem:', navItem);\r\n\t\t\t\r\n\t\t\tif ( openedNavItem.is('#language') || openedNavItem.is('#village') ){\r\n\t\t\t\t// quick fix: somewhere else in the code the active class is added so it needs a timeout (!!!)\r\n\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\topenedNavItem.find('.offcanvas.webfont-cheveron').removeClass('active');\r\n\t\t\t\t},100);\r\n\t\t\t}\r\n\r\n\t\t\topenedNavItem.removeClass('active')\r\n\t\t\t.find('.nav-subnav').stop().slideUp(speed,'swing', function(){\r\n\t\t\t\t//console.log( '??? ',openedNavItem.hasClass('active') );\r\n\t\t\t\tif(!!cb){\r\n\t\t\t\t\t// openedNavItem.find('.nav-subnav-trigger, .language-subnav-trigger, .village-subnav-trigger').removeClass('active');\r\n\t\t\t\t\topenedNavItem.find('.nav-subnav-trigger').removeClass('active');\r\n\t\t\t\t\tcb(navItem);\r\n\t\t\t\t}\r\n\t\t\t});\t\r\n\t\t},\r\n\r\n\t\tundoMobile: function() {\r\n\t\t\tnav.openClose.subnavEls.subnav.removeClass('active');\r\n\t\t}\r\n\t},\r\n\r\n\tscrollTo: function(navItem){\r\n\t\t//console.log('scrollTo() navItem: ', navItem[0].innerText);\r\n\r\n\t\tsetTimeout(function(){\r\n\t\t\tvar menu = $('#mCSB_1_container');\r\n\t\t\t// var top = navItem.offset().top;\r\n\t\t\tvar itemTop = navItem[0].getBoundingClientRect().top;\r\n\t\t\tvar menuTop = menu[0].getBoundingClientRect().top;\r\n\t\t\tvar targetTop = Math.round(itemTop - menuTop);\r\n\t\t\t//console.log('targetTop: ', targetTop);\r\n\r\n\t\t\t// don't scroll past the whole thing's height (avoid empty space below menu)\r\n\t\t\tvar menuHeight = menu.height();\r\n\t\t\tvar diff = menuHeight - window.innerHeight;\r\n\t\t\ttargetTop = (targetTop > diff) ? diff : targetTop;\r\n\r\n\t\t\tmenu.animate({top: -targetTop});\r\n\r\n\t\t}, mob.delay);\r\n\t},\r\n\r\n\tanchorNav: function() {\r\n\t\t$('.anchor-nav').click(function(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tvar target = $(this.hash);\r\n\t\t\tvar topbarOffset = isTouch && windowWidth >= desktop ? 80 : 50;\r\n\t\t\t$('html,body').animate({\r\n\t\t\t\tscrollTop: target.offset().top - topbarOffset\r\n\t\t\t}, 1000);\r\n\t\t});\r\n\t},\r\n\r\n\tundoOthers: {\r\n\r\n\t\tundoDropdowns: function() {\r\n\t\t\t$('.dropdown-button.active').removeClass('active').siblings('.dropdown-menu').slideUp();\r\n\t\t},\r\n\r\n\t\tundoSubnav: function() {\r\n\t\t\t$('.nav-subnav-trigger.active').removeClass('active').closest('.nav-navItem').removeClass('active').find('.nav-subnav').slideUp();\r\n\t\t\tweather.wrapper.removeClass('weather-open');\r\n\t\t\tweather.extended.slideUp();\r\n\t\t},\r\n\r\n\t\tundoOnSearch: function() {\r\n\t\t\tnav.openClose.searchTrigger.inputSearch.focus(function() {\r\n\t\t\t\tnav.undoOthers.undoDropdowns();\r\n\t\t\t\tnav.undoOthers.undoSubnav();\r\n\t\t\t});\r\n\t\t},\r\n\t},\r\n\r\n\tinit: function() {\r\n\t\t//console.log('nav.init()');\r\n\r\n\t\t// cache offset-top values for 'pin to top' when open\r\n\t\t// nav.pinToTopItems.each(function(){\r\n\t\t// \tvar offsetTop = Math.round($(this)[0].getBoundingClientRect().top);\r\n\t\t// \t////console.log('caching offset-top:', offsetTop);\r\n\t\t// \t$(this).attr('data-offset-top', offsetTop);\r\n\t\t// });\r\n\r\n\t\tnav.openClose.showNav();\r\n\t\tnav.openClose.searchForm();\r\n\t\tnav.openClose.mobileSubnav();\r\n\t\tnav.anchorNav();\r\n\t\tnav.undoOthers.undoOnSearch();\r\n\r\n\t\tif (isTouch || (!isTouch && windowWidth < desktop)) {\r\n\t\t\tnav.openClose.offCanvasScroll();\r\n\t\t}\r\n\r\n\t //set up the arrow anim\r\n\t // if osx then use a webfont\r\n\t\tif (isiPhone > -1 || isiPad > -1 || isiPod > -1) {\r\n\t\t $(\"span.arrow-anim\").html('')\r\n\t\t} else {\r\n\t\t $(\"span.arrow-anim\").html('')\r\n\t\t}\r\n\r\n\t}\r\n};","var openLogin = {\r\n\r\n\tlinkToLogin: $('.link-login'),\r\n\tloginTrigger: $('#login .dropdown-button'),\r\n\tloginDropdown: $('#login .dropdown-select'),\r\n\r\n\topenLoginPanel: function() {\r\n\t\tnav.stickyNav.undoSticky();\r\n\t\topenLogin.loginTrigger.addClass('active');\r\n\r\n\t\tsetTimeout( function() {\r\n\t\t\topenLogin.loginDropdown.show();\r\n\t\t}, 500);\r\n\t},\r\n\r\n\teventListeners: function() {\r\n\t\topenLogin.linkToLogin.on('click', function( e ) {\r\n\t\t\te.preventDefault();\r\n\t\t\topenLogin.openLoginPanel();\r\n\t\t});\r\n\t},\r\n\r\n\tinit: function() {\r\n\t\tif (windowWidth >= desktop) {\r\n\t\t\topenLogin.eventListeners();\r\n\t\t}\r\n\t}\r\n};","var pagination = {\r\n\r\n\telms: {\r\n\t\ttriggerEl: $('[data-page-trigger]'),\r\n\t\tpaginationType: null,\r\n\t\tpagesElms: $('[data-page]')\r\n\t},\r\n\r\n\r\n\tremovePagination: function(event) {\r\n\t\t//console.log( \"pagination: removePagination\" );\r\n\r\n\t\t// We will use the paginationType to construct the item element\r\n\t\tvar $item = $('.' + pagination.elms.paginationType + '');\r\n\r\n\t\t// If items are already wrapped in pages, unwrap them\r\n\t\t$item.each(function( index ) {\r\n\t\t\tif ($(this).parent().is('[data-page]')) {\r\n\t\t\t\t$(this).unwrap();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tpagination.insertPagination();\r\n\t},\r\n\r\n\r\n\tproductWrap: function($item) {\r\n\t\t//console.log( \"pagination: productWrap\" );\r\n\r\n\t\t$item.removeClass('product-fourth').removeClass('product-third').removeClass('product-second');\r\n\r\n\t\tvar visibleCount = 0;\r\n\t\t// Iterate through the items and add a 'product-page' wrapper for every 12 items\r\n\t\t$item.each(function( index ) {\r\n\r\n\t\t\tvar $this = $(this);\r\n\t\t\t$this.addClass('in-page');\r\n\r\n\t\t\t// if item visible update count and check if time to wrap with page\r\n\t\t\tif (!$this.hasClass('filter-hidden')){\r\n\t\t\t\tvisibleCount++;\r\n\r\n\t\t\t\tif (visibleCount % 12 === 0) {\r\n\t\t\t\t\t$('.in-page').wrapAll('');\r\n\t\t\t\t\t$('.in-page').removeClass('in-page');\r\n\t\t\t\t\tvisibleCount = 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tpagination.setProductClasses();\r\n\r\n\t\t// if there are any visible items left over wrap in page\r\n\t\tif ($('.in-page').length !== $('.in-page.filter-hidden').length) {\r\n\t\t\t$('.in-page').wrapAll('');\r\n\t\t}\r\n\r\n\t\t$('.in-page').removeClass('in-page');\r\n\t\tpagination.elms.pagesElms = $('[data-page]');\r\n\r\n\t\t// Add the classes 'current' and 'show' to the first items page\r\n\t\tvar $itemsPage = $('.items-page').first().addClass('current');\r\n\r\n\t\tpagination.loadPage($itemsPage, function() {\r\n\t\t\tsetTimeout(function(){$('.items-page').first().addClass( 'show' );}, 1);\r\n\t\t\tpagination.updateLoadMoreDisplay();\r\n\t\t});\r\n\t},\r\n\r\n\r\n\twidgetWrap: function($item) {\r\n\r\n\t\t// A helper function to get column sizes from the element class names\r\n\t\tfunction getElColSize($el) {\r\n\t\t\tif ( $el.is('.grid-3') || $el.is('.widget:not(.grid-item)') ){\r\n\t\t\t\treturn 3;\r\n\t\t\t} else if ($el.is('.grid-2') ) {\r\n\t\t\t\treturn 2;\r\n\t\t\t} else {\r\n\t\t\t\treturn 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// Adds a class to the items to flag which row it is in\r\n\t\t// Also separates the initial rows from the rows within the pagination (initially hidden rows)\r\n\t\tfunction getRowsOfItems() {\r\n\r\n\t\t\tvar rowCount = 0;\r\n\t\t\tvar rowsForPaginationCount = 1;\r\n\t\t\tvar columnsUsedInRow = 0;\r\n\r\n\t\t\t// Rows to show initially before show more button\r\n\t\t\tvar initialRows = parseInt(pagination.elms.triggerEl.attr('data-rows'));\r\n\r\n\t\t\t// If there are 0 initial rows wanting to be shown, we'll make an empty div which will be wrapped by a fake page to keep the rest of the code still working normally\r\n\t\t\tif ( initialRows === 0 ) {\r\n\t\t\t\t$('').insertBefore($item.first());\r\n\t\t\t}\r\n\r\n\t\t\t// Iterate over items and decifer which go into a row based on the grid item class\r\n\t\t\t$item.each(function( index ) {\r\n\t\t\t\tvar $this = $(this);\r\n\r\n\t\t\t\t// If space left in current row\r\n\t\t\t\tif ( (3 - columnsUsedInRow) >= getElColSize($this) ) {\r\n\r\n\t\t\t\t\tcolumnsUsedInRow += getElColSize($this);\r\n\r\n\t\t\t\t\t// Add data-row attr only if it's not within the initial rows\r\n\t\t\t\t\tif ( rowCount >= initialRows ) {\r\n\t\t\t\t\t\t$this.addClass('in-pagination');\r\n\t\t\t\t\t\t$this.attr('data-row', rowsForPaginationCount);\r\n\t\t\t\t\t}\r\n\t\t\t\t// If space left in current row (now for half-width widget layout - grid-half)\r\n\t\t\t\t} else if ( (4 - columnsUsedInRow) >= getElColSize($this) && $('.grid-half').length) {\r\n\r\n\t\t\t\t\tcolumnsUsedInRow += getElColSize($this);\r\n\r\n\t\t\t\t\t// Add data-row attr only if it's not within the initial rows\r\n\t\t\t\t\tif ( rowCount >= initialRows ) {\r\n\t\t\t\t\t\t$this.addClass('in-pagination');\r\n\t\t\t\t\t\t$this.attr('data-row', rowsForPaginationCount);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t// Else move to next row\r\n\t\t\t\t} else if ( (12 - columnsUsedInRow) >= getElColSize($this) && $('.grid-half').length) {\r\n\r\n\t\t\t\t\tcolumnsUsedInRow += getElColSize($this);\r\n\r\n\t\t\t\t\t// Add data-row attr only if it's not within the initial rows\r\n\t\t\t\t\tif ( rowCount >= initialRows ) {\r\n\t\t\t\t\t\t$this.addClass('in-pagination');\r\n\t\t\t\t\t\t$this.attr('data-row', rowsForPaginationCount);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t// Else move to next row\r\n\t\t\t\t} else {\r\n\t\t\t\t\tcolumnsUsedInRow = 0;\r\n\t\t\t\t\trowCount++;\r\n\t\t\t\t\tif ( rowCount > initialRows ) {\r\n\t\t\t\t\t\trowsForPaginationCount++;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tcolumnsUsedInRow += getElColSize($this);\r\n\r\n\t\t\t\t\t// Add data-row attr only if it's not within the initial rows\r\n\t\t\t\t\tif ( rowCount >= initialRows ) {\r\n\t\t\t\t\t\t$this.addClass('in-pagination');\r\n\t\t\t\t\t\t$this.attr('data-row', rowsForPaginationCount);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\twrapRowsInPages();\r\n\t\t}\r\n\r\n\r\n\t\tgetRowsOfItems();\r\n\r\n\t\t// Wraps the rows in pages of 4 rows per page. Also wraps the initial rows in an initially visible page\r\n\t\tfunction wrapRowsInPages() {\r\n\t\t\tvar rowsPerPage = 4;\r\n\t\t\tvar rowCount = 1;\r\n\r\n\t\t\t// Iterate over items in the pagination to wrap the rows\r\n\t\t\t$item.each(function( index ) {\r\n\t\t\t\tvar $this = $(this);\r\n\r\n\t\t\t\t// If has class to say in-pagination...\r\n\t\t\t\tif ( $this.hasClass('in-pagination') ) {\r\n\r\n\t\t\t\t\t// The items have already been assigned a row number to say which row they are in\r\n\t\t\t\t\tvar itemRowNumber = parseInt($this.attr('data-row'));\r\n\r\n\t\t\t\t\t// Add the item to be in the page with a class\r\n\t\t\t\t\t$this.addClass('in-page');\r\n\r\n\t\t\t\t\t// When the item rowNumber changes, increase counter\r\n\t\t\t\t\tif ( rowCount !== itemRowNumber ) {\r\n\t\t\t\t\t\trowCount = itemRowNumber;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif ( parseInt($this.next().attr('data-row')) !== itemRowNumber ) {\r\n\r\n\t\t\t\t\t\t// If we get to the next page...\r\n\t\t\t\t\t\tif ( rowCount % 4 === 0 ) {\r\n\r\n\t\t\t\t\t\t\t// Wrap all the items we have previously given an in-page class, in a page wrapper\r\n\t\t\t\t\t\t\tif ($('.page-news').length) {\r\n\t\t\t\t\t\t\t\t$('.in-page').wrapAll('');\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t$('.in-page').wrapAll('');\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// Remove the in-page class and reset rowCount to 0, so that we can move on to the next lot\r\n\t\t\t\t\t\t\t$('.in-page').removeClass('in-page');\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$this.addClass('not-in-pagination');\r\n\t\t\t\t}\r\n\r\n\t\t\t});\r\n\r\n\r\n\t\t\t// If there are any in page widgets left over, wrap them up\r\n\t\t\tif( $('.in-page').length > 0 ) {\r\n\t\t\t\tif ($('.page-news').length) {\r\n\t\t\t\t\t$('.in-page').wrapAll('');\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$('.in-page').wrapAll('');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// Wrap the initial rows in a div as well\r\n\t\t\tif ($('.page-news').length) {\r\n\t\t\t\t$('.not-in-pagination').wrapAll('');\r\n\t\t\t} else {\r\n\t\t\t\t$('.not-in-pagination').wrapAll('');\r\n\t\t\t}\r\n\r\n\t\t\t// load the initial rows\r\n\t\t\tpagination.loadPage($('.initial-page'));\r\n\r\n\t\t\t// Clean up classes and data attr\r\n\t\t\t$('.in-pagination, .in-page, .not-in-pagination')\r\n\t\t\t\t.removeClass('in-pagination')\r\n\t\t\t\t.removeClass('in-page')\r\n\t\t\t\t.removeClass('not-in-pagination')\r\n\t\t\t\t.removeAttr('data-row');\r\n\t\t}\r\n\r\n\t\t// Applying classes to the grid items in order to not get gaps in the grid on tablet\r\n\t\t$('.items-page.paging-block.grid-wrap').each( function() {\r\n\t\t\tvar $page = $(this);\r\n\t\t\tvar $items = $page.find('.grid-item');\r\n\r\n\t\t\t$items.removeClass('grid-hide').removeClass('grid-odd-last');\r\n\r\n\t\t\tvar moduleEditorial1Col = $items.last().children(':first').is('.module-editorial:not(.module-editorial-2col)');\r\n\t\t\tvar editorialFeed = $items.last().children(':first').is('.editorial-feed');\r\n\t\t\tvar moduleOffer = $items.last().children(':first').is('.module-offer');\r\n\r\n\t\t\tif ( $items.length % 2 === 1 ) {\r\n\t\t\t\tif ( moduleEditorial1Col || editorialFeed || (moduleOffer && !$('.treat').length) ) {\r\n\t\t\t\t\t$items.last().addClass('grid-hide');\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (!$('.page-your-treats').length){\r\n\t\t\t\t\t\t$items.last().addClass('grid-odd-last');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tpagination.elms.pagesElms = $('[data-page]');\r\n\r\n\t\t// Check if there is more than one page, and then show the load more button\r\n\t\tif ( $('.items-page').length > 1 ) {\r\n\t\t\tpagination.elms.triggerEl.addClass('show');\r\n\t\t}\r\n\t},\r\n\r\n\r\n\tinsertPagination: function() {\r\n\t\t//console.log( \"pagination: insertPagination\" );\r\n\r\n\t\t// Check if show more button is there\r\n\t\tif ( pagination.elms.triggerEl.length === 0 ) { return; }\r\n\r\n\t\tvar $item = $('.pagination-content').find('.' + pagination.elms.paginationType + '');\r\n\r\n\t\t// Call the correct function dependent on which paginationType we want, and pass in the item el\r\n\t\tif ( pagination.elms.paginationType === 'product') { pagination.productWrap($item); }\r\n\t\tif ( pagination.elms.paginationType === 'widget') { pagination.widgetWrap($item); }\r\n\t},\r\n\r\n\r\n\tupdateLoadMoreDisplay: function() {\r\n\t\t//console.log( \"pagination: updateLoadMoreDisplay\" );\r\n\r\n\t\t//apply ellipsis again\r\n\t\t$('.ellipsis-new').each(function(){\r\n\t\t\tellipsisNew.applyEllipsis($(this), true);\r\n\t\t});\r\n\r\n\t\t// If current page has another page after it...\r\n\t\tvar hasNextPage = pagination.elms.pagesElms.filter('.current').next('[data-page]').length > 0;\r\n\r\n\t\t// show or hide the load more button\r\n\t\tpagination.elms.triggerEl[hasNextPage? 'show':'hide']();\r\n\t},\r\n\r\n\r\n\tmovePageSelection: function(event) {\r\n\t\t//console.log( \"pagination: movePageSelection\" );\r\n\r\n\t\tevent.preventDefault();\r\n\r\n\t\t// Get current page\r\n\t\tvar current = pagination.elms.pagesElms.filter('.current');\r\n\t\t// Get last page\r\n\t\tvar isLast = pagination.elms.pagesElms.last();\r\n\r\n\t\t// If next page exists\r\n\t\tif ( current.next('[data-page]').length > 0) {\r\n\r\n\t\t\t// Set loading state to load more button and offset calculation\r\n\t\t\tpagination.elms.triggerEl.addClass('loading');\r\n\r\n\t\t\t// Get button position\r\n\t\t\tvar buttonPos = pagination.elms.triggerEl.offset().top;\r\n\t\t\tvar offsetVal = 10;\r\n\r\n\t\t\tif (windowWidth >= tablet && windowWidth < desktop) {\r\n\t\t\t\toffsetVal = 20;\r\n\t\t\t}\r\n\t\t\tif (windowWidth >= desktop) {\r\n\t\t\t\toffsetVal = 120;\r\n\t\t\t}\r\n\r\n\t\t\t// Get next page\r\n\t\t\tvar nextBlock = current.next('[data-page]');\r\n\r\n\t\t\t// Check image load\r\n\t\t\tpagination.loadPage(nextBlock, function() {\r\n\r\n\t\t\t\t// Show next page\r\n\t nextBlock.addClass('current').slideDown('slow', function() {\r\n\r\n\t \t// Scroll to top of new page\r\n\t \t\t$('body').clearQueue().stop().animate({ scrollTop: buttonPos - offsetVal }, 'slow');\r\n\r\n\t \t\t// Remove loading state to load more button\r\n\t \t\tpagination.elms.triggerEl.removeClass('loading');\r\n\r\n\t \t\t// Add class to fade in content\r\n\t \tnextBlock.addClass('show');\r\n\r\n\t\t\t\t\t// Remove current class from previous page\r\n\t \tcurrent.removeClass('current');\r\n\r\n\t \t//update loadmore button display\r\n\t \tpagination.updateLoadMoreDisplay();\r\n\r\n\t \t// Trigger re-init hack to initialize slider that was off screen\r\n\t\t\t\t\tif ( nextBlock.find('.slider-manual.slider-full.products').length > 0 ) {\r\n\t\t\t\t\t \tnextBlock.find('.slider-manual.slider-full.products').slick('slickSetOption', 'initialSlide', 0, true);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// Re-initialise the editorial widgets, so the text is not overflowing\r\n\t\t\t\t\tif ( nextBlock.find('.module-editorial-copy.ellipsis').length > 0 ) {\r\n\t\t\t\t\t\tellipsis.editorial.init();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif ( nextBlock.find('.ellipsis-new').length > 0 ) {\r\n\t\t\t\t\t\tellipsisNew.applyEllipsis(nextBlock.find('.ellipsis-new'));\r\n\t\t\t\t\t}\r\n\r\n\t });\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\r\n\tloadPage: function (elm, callback) {\r\n\t\t//console.log( \"pagination: loadPage\" );\r\n\r\n\t\t// Get number of images in next page\r\n\t\tvar selector = 'img[data-image-load],[data-bg-img-src]';\r\n\t\tvar images_to_load = elm.find('[data-category-list]').not('.filter-hidden').find(selector).length;\r\n\t\tvar images_loaded = 0;\r\n\r\n\t\t// if nothing to load then run callback\r\n\t\tif ( (images_to_load === 0) && (callback !== undefined) ) {\r\n\r\n\t\t\tcallback();\r\n\r\n\t\t} else {\r\n\r\n\t\t\t// Load images\r\n\t\t\telm.find('[data-category-list]').not('.filter-hidden').find(selector).each(function() {\r\n\t\t\t\tvar $this = $(this);\r\n\t\t\t\tvar isImageElm = $this.is('[data-image-load]');\r\n\t\t\t\tvar imgUrl = isImageElm ? $this.attr('data-image-load') : $this.attr('data-bg-img-src');\r\n\r\n\t\t\t\tif(isImageElm) {\r\n\t\t\t\t\t$this\r\n\t\t\t\t\t\t.attr('src', imgUrl)\r\n\t\t\t\t\t\t.load(function() {\r\n\r\n\t\t\t\t\t\t\timages_loaded++;\r\n\t\t\t\t\t\t\t$this.removeAttr('data-image-load');\r\n\r\n\t\t\t\t\t\t\t// If all are loaded...\r\n\t\t\t\t if (images_loaded >= images_to_load) {\r\n\r\n\t\t\t\t \tif (callback !== undefined) {\r\n\t\t\t\t\t\t\t\t\tcallback();\r\n\t\t\t\t \t}\r\n\t\t\t\t }\r\n\t\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tvar $img = $('';\r\n\r\n\t\tif ( suggestion.image )\r\n\t\t\tstr += \t'![\"'](\"')
';\r\n\r\n\t\tstr +=\r\n\t\t\t'
' +\r\n\t\t\t\t'' +\r\n\t\t\t\t\t'
' +\r\n\t\t\t'' +\r\n\t\t\t\t\t\tsuggestion.title +\r\n\t\t\t\t\t'
';\r\n\r\n\t\tif ( suggestion.subtitle )\r\n\t\t\tstr +=\t'' + suggestion.subtitle + '
';\r\n\r\n\t\tstr +=\r\n\t\t\t\t\t'' +\r\n\t\t\t\t\t\t$searchInput.data( 'suggestion-cta' ) + '' +\r\n\t\t\t\t\t'
' +\r\n\t\t\t\t'') );\r\n\t \t}\r\n\r\n\t}\r\n};","var trains = {\r\n\r\n\tchilternrailways : function() {\r\n\r\n\t\tvar $defaultFrom,\r\n\t\t\t$defaultTo;\r\n\r\n\t\t$('#chilternrailways #chiltern-from, #chilternrailways #chiltern-to').change(function(){\r\n\t\t\t$('#chilternrailways .results .tbody .tr').remove();\r\n\t\t\t$('#chilternrailways .loading-dots').show();\r\n\t\t\t$('#chilternrailways .timestamp').hide();\r\n\t\t\trefreshTimetable();\r\n\t\t});\r\n\r\n\t\tfunction refreshTimetable() {\r\n\t\t\t$defaultFrom = $('#chilternrailways #chiltern-from').val();\r\n\t\t\t$defaultTo = $('#chilternrailways #chiltern-to').val();\r\n\r\n\t\t\tvar XML = \"https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fojp.nationalrail.co.uk%2Fservice%2Fldbboard%2Fdep%2F\"+$defaultFrom+\"%2F\"+$defaultTo+\"%2FTo%22%20and%0A%20%20%20%20%20%20xpath%3D'%2F%2Fdiv%5B%40class%3D%22tbl-cont%22%5D%2Ftable%2Ftbody'\";\r\n\r\n\t\t\t$.ajax({\r\n\t\t\t\ttype: \"GET\",\r\n\t\t\t\turl: XML,\r\n\t\t\t\tdataType: \"xml\"\r\n\t\t\t}).done(function (data) {\r\n\r\n\t\t\t\tvar $dataRow = $(data).find('tr');\r\n\t\t\t\t// Grabbing the text from the templete for translation purposes\r\n\t\t\t\tvar platformTitle = $('.platform-title').text();\r\n\t\t\t\t// Get date\r\n\t\t\t\tvar date = new Date();\r\n\t\t\t\tvar hours = date.getHours();\r\n\t\t\t\tvar minutes = date.getMinutes();\r\n\r\n\t\t\t\t// If has data\r\n\t\t\t\tif ( $dataRow.length > 0 ) {\r\n\t\t\t\t\t// Iterate over data rows and compile a table to append\r\n\t\t\t\t\t$(data).find('tr').each(function() {\r\n\t\t\t\t\t\tvar $due = $(this).find('td:eq(0)').text();\r\n\t\t\t\t\t\tvar $class = $(this).attr('class');\r\n\t\t\t\t\t\tvar $destination = $(this).find('td:eq(1)').text();\r\n\t\t\t\t\t\tvar $status = $(this).find('td:eq(2)').text();\r\n\t\t\t\t\t\tvar $platform = $(this).find('td:eq(3)').text();\r\n\r\n\t\t\t\t\t\t$('').html('
' + $due + '
' + $destination + '
' + $status + '
' + platformTitle + ' ' + $platform + '
').appendTo('#chilternrailways .results .tbody');\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// Get the text from the hidden el on page\r\n\t\t\t\t\tvar noTrainsText = $('.no-trains-text').html();\r\n\t\t\t\t\t// Append a tr to the tbody\r\n\t\t\t\t\t$('').appendTo('#chilternrailways .results .tbody');\r\n\t\t\t\t\t// Add text to the tr\r\n\t\t\t\t\t$('#chilternrailways .results .no-trains').html(noTrainsText);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t$('#chilternrailways .timestamp').text('Last Updated: ' + hours + ':' + minutes);\r\n\r\n\t\t\t\t$('#chilternrailways .loading-dots').hide();\r\n\t\t\t\t$('#chilternrailways .timestamp').show();\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\trefreshTimetable();\r\n\t},\r\n\r\n\r\n\tinit: function() {\r\n\t\tif ( $('#chilternrailways').length > 0 ) {\r\n\t\t\ttrains.chilternrailways();\r\n\t\t}\r\n\t}\r\n};\r\n","var treat = {\r\n\twrapperEl: $('.treat, .module-treat-new'),\r\n\topenEl: $('.treat-trigger'),\r\n\tcloseEl: $('.treat-close'),\r\n\tbarcode: $('.module-barcode .barcode'),\r\n\r\n\tisVisible: function (element, fullyInView) {\r\n var pageTop = $(window).scrollTop();\r\n var pageBottom = pageTop + $(window).height();\r\n var elementTop = $(element).offset().top;\r\n var elementBottom = elementTop + $(element).height();\r\n\r\n if (fullyInView === true) {\r\n return ((pageTop < elementTop) && (pageBottom > elementBottom));\r\n } else {\r\n return ((elementTop <= pageBottom) && (elementBottom >= pageTop));\r\n }\r\n },\r\n\r\n\ttoggleCode: function() {\r\n\t\t$('body').on('click', '.treat-trigger, .treat-close', function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\t$(e.target).closest(treat.wrapperEl).toggleClass('active');\r\n\t\t});\r\n\t},\r\n\r\n\ttoggleFixedCode: function () {\r\n\t\tif (treat.barcode.length === 0) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t\r\n\t\tif (treat.isVisible(treat.barcode, true)) {\r\n\t\t\t$('body').removeClass('module-barcode-visible');\r\n\t\t} else {\r\n\t\t\t$('body').addClass('module-barcode-visible');\r\n\t\t}\r\n\t},\r\n\r\n\tinit: function() {\r\n\t\tif (treat.wrapperEl.length) {\r\n\t\t\ttreat.toggleCode();\r\n\t\t}\r\n\r\n\t\tif (treat.barcode.length) {\r\n\t\t\t$(window).scroll(treat.toggleFixedCode)\r\n\t\t\t\t.resize(treat.toggleFixedCode)\r\n\t\t\t\t.trigger('resize');\r\n\t\t}\r\n\t\t\r\n\t\t$('.module-title-description.small-screen').ellipsis({\r\n\t\t\tlines: 3,\r\n\t\t\tellipClass: 'ellip',\r\n\t\t\tresponsive: true\r\n\t\t});\r\n\r\n\t\t$('.module-title-readmore').on('click', function () {\r\n\t\t\t$(this).parent().find('.module-title-description.small-screen').addClass('hidden');\r\n\t\t\t$(this).parent().find('.module-title-description.large-screen').addClass('visible');\r\n\t\t\t$(this).hide();\r\n\t\t});\r\n\r\n\t\t$('.searchDd-category > a').on('click', function (e) {\r\n\t\t\tvar $el = $(this);\r\n\t\t\tvar filterCategoryId = $el.data('categoryId');\r\n\t\t\t\r\n\t\t\tif (filterCategoryId) {\r\n\t\t\t\t$('.module-treat-new').each(function (index, item) {\r\n\t\t\t\t\tvar $item = $(item);\r\n\t\t\t\t\tvar treatCategoryId = $item.data('categoryId');\r\n\t\t\t\t\tif (filterCategoryId == treatCategoryId) {\r\n\t\t\t\t\t\t$item.parent().show();\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t$item.parent().hide();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\t$('.module-treat-new').parent().show();\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tvar $main = $el.closest('.treat-filter').find('.searchDd-main');\r\n\t\t\tvar $list = $el.closest('.treat-filter').find('.searchDd-list');\r\n\r\n\t\t\t$list.find('li > a').removeClass('selected');\r\n\r\n\t\t\tif (filterCategoryId) {\r\n\t\t\t\t$main.find('.searchDd-main-default').hide();\r\n\t\t\t\t$main.find('.searchDd-main-selected').html($el.html()).show();\r\n\t\t\t\t$list.find('.clear-filter').show();\r\n\t\t\t\t$el.addClass('selected');\r\n\t\t\t} else {\r\n\t\t\t\t$main.find('.searchDd-main-selected').hide();\r\n\t\t\t\t$main.find('.searchDd-main-default').show();\r\n\t\t\t\t$list.find('.clear-filter').hide();\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t$main.removeClass('open');\r\n\t\t\t$list.removeClass('open');\r\n\t\t});\r\n\t}\r\n};","var twitterFeed = {\r\n\ttid: $('#tw-widget').attr('data-twitter-id'),\r\n\tmodule: $('.twitter-module'),\r\n\r\n\tinit: function() {\r\n\t\t//console.log('running twitter feed..');\r\n\t\tif (twitterFeed.module.length > 0) {\r\n\t\t\tvar config = {\r\n\t\t\t\t'profile': {\"screenName\": twitterFeed.tid},\r\n\t\t\t\t'domId': 'tw-widget',\r\n\t\t\t\t'enableLinks': true,\r\n\t\t\t\t'showTime': false,\r\n\t\t\t\t'showMore': true\r\n\t\t\t};\r\n\t\t\ttwitterFetcher.fetch(config);\r\n\t\t}\r\n\t}\r\n};","var typeahead = {\r\n\r\n\telms: {\r\n\t\ttypeaheadInput: $('.typeahead')\r\n\t},\r\n\r\n\tsetUpTypeahead: function(itemsArr) {\r\n\r\n\t\tvar substringMatcher = function(strs) {\r\n\r\n\t\t\treturn function findMatches(q, cb) {\r\n\r\n\t\t\t\tvar matches, substrRegex;\r\n\r\n\t\t\t\t// an array that will be populated with substring matches\r\n\t\t\t\tmatches = [];\r\n\r\n\t\t\t\t// regex used to determine if a string contains the substring `q`\r\n\t\t\t\tsubstrRegex = new RegExp(q, 'i');\r\n\r\n\t\t\t\t// iterate through the pool of strings and for any string that\r\n\t\t\t\t// contains the substring `q`, add it to the `matches` array\r\n\t\t\t\t$.each(strs, function(i, str) {\r\n\t\t\t\t\tif (substrRegex.test(str)) {\r\n\t\t\t\t\t\tmatches.push(str);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\t\t\t\tcb(matches);\r\n\t\t\t};\r\n\t\t};\r\n\r\n\r\n\t\tvar $typeaheadInput = typeahead.elms.typeaheadInput;\r\n\r\n\t\t// console.log(itemsArr);\r\n\r\n\t\t// Set up Twitter Typeahead plugin\r\n\t\t$typeaheadInput.typeahead({\r\n\t\t\thint: true,\r\n\t\t\thighlight: true,\r\n\t\t\tminLength: \"1\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tname: 'itemsArr',\r\n\t\t\tsource: substringMatcher(itemsArr)\r\n\t\t});\r\n\r\n\t\t// Close typeahead on enter\r\n\t\t$(document).keypress(function(e) {\r\n\t\t\tif (e.which === 13) {\r\n\t\t\t\t$typeaheadInput.typeahead('close');\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\tinit: function(itemsArr) {\r\n\t\t// If typeahead input is present\r\n\t\tif (typeahead.elms.typeaheadInput) {\r\n\t\t\ttypeahead.setUpTypeahead(itemsArr);\r\n\t\t}\r\n\t}\r\n};","var validation = {\r\n\r\n\tsetMethods: function() {\r\n\t\t// Define error message options (format and position relative to error input)\r\n\t\t$.validator.setDefaults({\r\n\t\t\tdebug: true,\r\n\t\t\tsuccess: 'valid',\r\n\t\t\terrorElement: 'span',\r\n\t\t\terrorPlacement: function(error, element) {\r\n\t\t\t\tif ( $(element).is(':checkbox') ) { // Move message on checkboxes\r\n\t\t\t\t\terror.insertAfter( $(element).parent() );\r\n\t\t\t\t} else if ($(element).is(':radio')) { // Move message on radio buttons\r\n\t\t\t\t\terror.insertAfter( $(element).parent().parent() );\r\n\t\t\t\t} else if ($(element).siblings('.tooltip-wrapper').length) { // Move message when tooltip on the side\r\n\t\t\t\t\terror.insertAfter( $(element).parent() );\r\n\t\t\t\t} else if ($(element).attr('data-validation-nomessage')) { // Remove validation message\r\n\t\t\t\t\terror.remove();\r\n\t\t\t\t} else if ($(element).is('.home-panel-form-text')) { // home page registration panel\r\n\t\t\t\t\terror.insertAfter( $(element).siblings('.button') );\r\n\t\t\t\t} else { // This is the default behavior of the script\r\n\t\t\t\t\terror.insertAfter( $(element) );\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Validation method for regex expressions\r\n\t\t$.validator.addMethod(\r\n\t\t\t'regexFormat',\r\n\t\t\tfunction(value, element) {\r\n\t\t\t\tvar regexString = $(element).attr('data-validation-regex');\r\n\t\t\t\tvar check = false;\r\n\t\t\t\tvar re = new RegExp(regexString);\r\n\t\t\t\treturn this.optional(element) || (re.test(value) > 0);\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\t// Validation method for regex expressions\r\n\t\t$.validator.addMethod(\r\n\t\t\t'registerEmailFormat',\r\n\t\t\tfunction(value, element) {\r\n\t\t\t\temail = value.replace(/^\\s*|\\s*$/g, '');\r\n\r\n\t\t\t\t// Some quick checks\r\n\t\t\t\tif (email.match(/[\\t\\r\\n]/)) {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t\tif (email.length == 0 || email.length > 320) {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar atIndex = email.length - 1;\r\n\t\t\t\tif (email.charAt(atIndex) == ']') {\r\n\t\t\t\t\t// Bracketed domain\r\n\t\t\t\t\tatIndex --;\r\n\t\t\t\t\tvar curr = email.charAt(atIndex);\r\n\t\t\t\t\tvar prev = email.charAt(atIndex - 1);\r\n\t\t\t\t\tvar domain = '';\r\n\t\t\t\t\twhile (curr != '[' && atIndex) {\r\n\t\t\t\t\t\tvar currCode = curr.charCodeAt(0);\r\n\t\t\t\t\t\tif (prev == '\\\\') {\r\n\t\t\t\t\t\t\tif (currCode >= 128 || currCode < 1) {\r\n\t\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tdomain = curr + domain;\r\n\t\t\t\t\t\t\tatIndex -= 2;\r\n\t\t\t\t\t\t\tcurr = email.charAt(atIndex);\r\n\t\t\t\t\t\t\tprev = email.charAt(atIndex - 1);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tif ((currCode <= 127 && currCode >= 94) ||\r\n\t\t\t\t\t\t\t\t(currCode <= 90 && currCode >= 14) ||\r\n\t\t\t\t\t\t\t\t(currCode <= 9 && currCode >= 1) ||\r\n\t\t\t\t\t\t\t\tcurrCode == 11 || currCode == 12) {\r\n\t\t\t\t\t\t\t\tdomain = curr + domain;\r\n\t\t\t\t\t\t\t\tatIndex --;\r\n\t\t\t\t\t\t\t\tcurr = prev;\r\n\t\t\t\t\t\t\t\tprev = email.charAt(atIndex - 1);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t// Invalid unquoted character\r\n\t\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (atIndex < 1) {\r\n\t\t\t\t\t\t// We need at least one character to the left of the @ symbol\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (prev != '@') {\r\n\t\t\t\t\t\t// Improper escaping\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (! is_valid_email_domain(domain, true)) {\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tatIndex --;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// Labels with dots; \":\" is a special thing for IPv6\r\n\t\t\t\t\tvar allowed = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!#$%&'*+-/=?^_`{|}~.:\";\r\n\t\t\t\t\twhile (allowed.indexOf(email.charAt(atIndex)) >= 0 && atIndex) {\r\n\t\t\t\t\t\tatIndex --;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (atIndex < 1) {\r\n\t\t\t\t\t\t// Must have at least 1 character to the left of the @ symbol\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (email.charAt(atIndex) != '@') {\r\n\t\t\t\t\t\t// Invalid\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tvar domain = email.substring(atIndex + 1);\r\n\t\t\t\t\tif (! is_valid_email_domain(domain, false)) {\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Check info@ and sales@\r\n\t\t\t\tvar beforeAt = email.split('@')[0];\r\n\t\t\t\tif (beforeAt === 'info' || beforeAt === 'sales') {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar localPart = email.substring(0, atIndex);\r\n\t\t\t\tif (localPart.length > 64) {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t\tvar allowedLocal = \"!#$%&'*+-/0123456789=?ABCDEFGHIJKLMNOPQRSTUVWXYZ^_`abcdefghijklmnopqrstuvwxyz{|}~\";\r\n\r\n\t\t\t\t// Parsing mode:\r\n\t\t\t\t// 0 = start of a label\r\n\t\t\t\t// 1 = in label, normal text (unquoted)\r\n\t\t\t\t// 2 = in label, quoted text\r\n\t\t\t\t// 3 = in label, quoted and escaped (last was a backslash)\r\n\t\t\t\t// 4 = after quoted label (only allows a period as next char)\r\n\t\t\t\tvar mode = 0;\r\n\t\t\t\tfor (i = 0; i < localPart.length; i ++) {\r\n\t\t\t\t\tvar c = localPart.charAt(i);\r\n\r\n\t\t\t\t\tif (mode == 0) {\r\n\t\t\t\t\t\t// Start of a label\r\n\t\t\t\t\t\tif (c == '\"') {\r\n\t\t\t\t\t\t\tmode = 2;\r\n\t\t\t\t\t\t} else if (c == '.') {\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t} else if (allowedLocal.indexOf(c) < 0) {\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tmode = 1;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else if (mode == 1) {\r\n\t\t\t\t\t\t// In unquoted label\r\n\t\t\t\t\t\tif (c == '.') {\r\n\t\t\t\t\t\t\tmode = 0;\r\n\t\t\t\t\t\t} else if (allowedLocal.indexOf(c) < 0) {\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else if (mode == 2) {\r\n\t\t\t\t\t\t// In quoted label\r\n\t\t\t\t\t\tif (c == '\"') {\r\n\t\t\t\t\t\t\tmode = 4;\r\n\t\t\t\t\t\t} else if (c == '\\\\') {\r\n\t\t\t\t\t\t\tmode = 3;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tvar cCode = c.charCodeAt(0);\r\n\t\t\t\t\t\t\tif ((cCode > 8 && cCode < 11) ||\r\n\t\t\t\t\t\t\t\t(cCode > 90 && cCode < 94) ||\r\n\t\t\t\t\t\t\t\tcCode == 13 || cCode == 34 || cCode > 127) {\r\n\t\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else if (mode == 3) {\r\n\t\t\t\t\t\tvar cCode = c.charCodeAt(0);\r\n\t\t\t\t\t\tif (cCode == 10 || cCode == 11 || cCode > 127) {\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tmode = 2;\r\n\t\t\t\t\t} else if (mode == 4) {\r\n\t\t\t\t\t\tif (c != '.') {\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tmode = 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (mode != 1 && mode != 4) {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\t// This function assumes you already checked for invalid characters\r\n\t\t// Any escaping has been removed\r\n\t\tfunction is_valid_email_domain(domain, isBracketed) {\r\n\t\t\tif (domain.length == 0) {\r\n\t\t\t\t// Gotta have a domain\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tif (domain.length > 253) {\r\n\t\t\t\t// Too long for DNS to work\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tif (domain.match(/^\\.|\\.\\.|\\.$/)) {\r\n\t\t\t\t// No empty labels allowed\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tif (domain.match(/^-|--|\\.-|-\\.|-$/)) {\r\n\t\t\t\t// No leading or trailing hyphens allowed in labels. No double hyphens\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tvar labels = domain.split('.');\r\n\t\t\tvar looksLikeIPv4 = false;\r\n\t\t\tvar looksLikeIPv6 = false;\r\n\t\t\tif (labels.length == 4) {\r\n\t\t\t\tlooksLikeIPv4 = true;\r\n\t\t\t} else if (labels.length == 1) {\r\n\t\t\t\tlooksLikeIPv6 = true;\r\n\t\t\t\tvar allowedIPv6 = '0123456789abcdefABCDEF';\r\n\t\t\t\tvar parts = labels[0].split(':');\r\n\t\t\t\tif (parts.length != 5 || parts[2] != '') {\r\n\t\t\t\t\tlooksLikeIPv6 = false;\r\n\t\t\t\t}\r\n\t\t\t\tfor (var i in parts) {\r\n\t\t\t\t\tif (parts[i].length > 4) {\r\n\t\t\t\t\t\tlooksLikeIPv6 = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tfor (var j = 0; j < parts[i].length; j ++) {\r\n\t\t\t\t\t\tif (allowedIPv6.indexOf(parts[i].charAt(j)) < 0) {\r\n\t\t\t\t\t\t\tlooksLikeIPv6 = false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tfor (var i in labels) {\r\n\t\t\t\tif (labels[i].length > 63) {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t\tif (looksLikeIPv4) {\r\n\t\t\t\t\tif (labels[i].length > 3) {\r\n\t\t\t\t\t\tlooksLikeIPv4 = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tfor (var j = 0; j < labels[i].length; j ++) {\r\n\t\t\t\t\t\tif ('01234567890'.indexOf(labels[i].charAt(j)) < 0) {\r\n\t\t\t\t\t\t\tlooksLikeIPv4 = false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (looksLikeIPv4 && (labels[i] < 0 || labels[i] > 255)) {\r\n\t\t\t\t\t\tlooksLikeIPv4 = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// If we have a \":\", it is only allowed for IPv6 or bracketed domains\r\n\t\t\tif (! looksLikeIPv6 && domain.indexOf(':') >= 0 && ! isBracketed) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\t// IPv6 and IPs don't have alpha-only TLDs\r\n\t\t\tif (! looksLikeIPv4 && ! looksLikeIPv6) {\r\n\t\t\t\tvar tld = labels[labels.length - 1];\r\n\t\t\t\tvar tldIndex = tld.length;\r\n\t\t\t\tvar allowedTld = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';\r\n\t\t\t\twhile (tldIndex) {\r\n\t\t\t\t\ttldIndex --;\r\n\t\t\t\t\tif (allowedTld.indexOf(tld.charAt(tldIndex)) < 0) {\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn true;\r\n\t\t}\r\n\r\n\t\t// Validation method for inputs that need matching other inputs\r\n\t\t$.validator.addMethod(\r\n\t\t\t'matchInput',\r\n\t\t\tfunction(value, element){\r\n\t\t\t\tvar $this = $(element);\r\n\t\t\t\tvar $thisVal = $this.val();\r\n\t\t\t\tvar $matchEl = $this.attr('data-validation-matchTo');\r\n\t\t\t var $matchElVal = $this.closest('form').find('[name=\"' + $matchEl + '\"]').val();\r\n\r\n\t\t\t if ($thisVal !== $matchElVal) {\r\n\t\t\t return false;\r\n\t\t\t } else {\r\n\t\t\t return true;\r\n\t\t\t }\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\t// Validation method for custom dropdowns\r\n\t\t$.validator.addMethod(\r\n\t\t\t'selectRequired',\r\n\t\t\tfunction(value, element){\r\n\t\t\t\tif (value === 'clearSelect' || value === '') {\r\n\t\t\t\t\t$(element).closest('.select-wrapper').find('.dk-selected').addClass('select-error');\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$(element).closest('.select-wrapper').find('.dk-selected').removeClass('select-error');\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\t// Validation method for min length\r\n\t\t$.validator.addMethod(\r\n\t\t\t'minLengthCheck',\r\n\t\t\tfunction(value, element) {\r\n\t\t\t\tvar $lengthVal = $(element).attr('data-validation-minLength');\r\n\t\t\t\tvar $inputValLength = value.length;\r\n\t\t\t\tif ($inputValLength < parseInt($lengthVal)) {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\t// Validation method for max length\r\n\t\t$.validator.addMethod(\r\n\t\t\t'maxLengthCheck',\r\n\t\t\tfunction(value, element) {\r\n\t\t\t\tvar $lengthVal = $(element).attr('data-validation-maxLength');\r\n\t\t\t\tvar $inputValLength = value.length;\r\n\t\t\t\tif ($inputValLength > parseInt($lengthVal)) {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\tfunction isValidDate2(y, m, d) {\r\n\t\t\t// No leap year by default\r\n\t\t\tvar daysInMonth = [31,28,31,30,31,30,31,31,30,31,30,31];\r\n\r\n\t\t\t// Check for leap (if evenly divisible by 4)\r\n\t\t\tif (((y % 4 === 0) && (y % 100 !== 0)) || (y % 400 === 0)) {\r\n\t\t\t\tdaysInMonth[1] = 29;\r\n\t\t\t}\r\n\t\t\treturn d <= daysInMonth[--m];\r\n\t\t}\r\n\r\n\t\tvar isSubmitted = false;\r\n\r\n\t\t$('.birthday-selects').closest('form').find('button[type=\"submit\"]').on('click', function() {\r\n\t\t\tvar date = $('.dob-hidden').val();\r\n\t\t\tvar dateSplit = date.split('/');\r\n\t\t\tif (\r\n\t\t\t\t!(dateSplit[0] === '' && dateSplit[1] === '' && dateSplit[2] === '')\r\n\t\t\t\t&&\r\n\t\t\t\t(dateSplit[0] === '' || dateSplit[1] === '' || dateSplit[2] === '')\r\n\t\t\t) {\r\n\t\t\t\tisSubmitted = true;\r\n\t\t\t\t$('.birthday-selects').find('.dk-selected').each(function() {\r\n\t\t\t\t\t$(this).addClass('select-error');\r\n\t\t\t\t});\r\n\t\t\t\t$('.birthday-selects').find('select').each(function() {\r\n\t\t\t\t\t$(this).addClass('error');\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Validation method for date of birth\r\n\t\t$.validator.addMethod(\r\n\t\t\t'validBirthDate',\r\n\t\t\tfunction(value, element){\r\n\t\t\t\tvar date = value;\r\n var dateSplit = date.split('/');\r\n\r\n if (date === '')\r\n return true;\r\n\r\n\t\t\t\tif (isSubmitted === false) {\r\n\t\t\t\t\tif (\r\n\t\t\t\t\t\t(isValidDate2(dateSplit[0], dateSplit[1], dateSplit[2]) === false)\r\n\t\t\t\t\t\t&&\r\n\t\t\t\t\t\t(dateSplit[0] !== '' && dateSplit[1] !== '' && dateSplit[2] !== '')\r\n\t\t\t\t\t) {\r\n\t\t\t\t\t\t$('.birthday-selects').find('.dk-selected').each(function() {\r\n\t\t\t\t\t\t\t$(this).addClass('select-error');\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\t$('.birthday-selects').find('select').each(function() {\r\n\t\t\t\t\t\t\t$(this).addClass('error');\r\n });\r\n \r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t$('.birthday-selects').find('.dk-selected').each(function() {\r\n\t\t\t\t\t\t\t$(this).removeClass('select-error');\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\t$('.birthday-selects').find('select').each(function() {\r\n\t\t\t\t\t\t\t$(this).removeClass('error');\r\n });\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (\r\n\t\t\t\t\t\t(\r\n\t\t\t\t\t\t\t(isValidDate2(dateSplit[0], dateSplit[1], dateSplit[2]) === false)\r\n\t\t\t\t\t\t\t&&\r\n\t\t\t\t\t\t\t!(dateSplit[0] === '' || dateSplit[1] === '' || dateSplit[2] === '')\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t\t||\r\n\t\t\t\t\t\t(\r\n\t\t\t\t\t\t\t(dateSplit[0] !== '' && dateSplit[1] === '' && dateSplit[2] === '')\r\n\t\t\t\t\t\t\t||\r\n\t\t\t\t\t\t\t(dateSplit[0] === '' && dateSplit[1] !== '' && dateSplit[2] === '')\r\n\t\t\t\t\t\t\t||\r\n\t\t\t\t\t\t\t(dateSplit[0] === '' && dateSplit[1] === '' && dateSplit[2] !== '')\r\n\t\t\t\t\t\t\t||\r\n\t\t\t\t\t\t\t(dateSplit[0] !== '' && dateSplit[1] !== '' && dateSplit[2] === '')\r\n\t\t\t\t\t\t\t||\r\n\t\t\t\t\t\t\t(dateSplit[0] !== '' && dateSplit[1] === '' && dateSplit[2] !== '')\r\n\t\t\t\t\t\t\t||\r\n\t\t\t\t\t\t\t(dateSplit[0] === '' && dateSplit[1] !== '' && dateSplit[2] !== '')\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t) {\r\n\t\t\t\t\t\t$('.birthday-selects').find('.dk-selected').each(function() {\r\n\t\t\t\t\t\t\t$(this).addClass('select-error');\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\t$('.birthday-selects').find('select').each(function() {\r\n\t\t\t\t\t\t\t$(this).addClass('error');\r\n });\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tisSubmitted = false;\r\n\t\t\t\t\t\t$('.birthday-selects').find('.dk-selected').each(function() {\r\n\t\t\t\t\t\t\t$(this).removeClass('select-error');\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\t$('.birthday-selects').find('select').each(function() {\r\n\t\t\t\t\t\t\t$(this).removeClass('error');\r\n });\r\n return true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\r\n\r\n\t\t// Allow empty fields\r\n\t\t$.validator.addMethod(\r\n\t\t\t'allowEmpty',\r\n\t\t\tfunction(value, element) {\r\n\t\t\t\tvar $inputValLength = value.length;\r\n\t\t\t\tif ($inputValLength === 0) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\t},\r\n\r\n\tstripSpacesFromEmail: function($form) {\r\n\t\tconsole.log('strip spaces')\r\n\t\t$form.find('input[type=\"email\"]').forEach(function(item){\r\n\t\t\tconsole.log(item)\r\n\t\t})\r\n\t},\r\n\r\n\t// Trigger validation for each form\r\n\tvalidateForms: function() {\r\n\t\tvar formSubmitted = false;\r\n\t\t$('form').each(function(){\r\n\t\t\tvar $form = $(this);\r\n $form.validate({\r\n ignore: \"\",\r\n\t\t\t\tsubmitHandler: function(form) {\r\n\t\t\t\t\t//strip spaces from email inputs\r\n\t\t\t\t\t$form.find('input[type=\"email\"]').each(function(item){\r\n\t\t\t\t\t\t$(this).val( $(this).val().trim() )\r\n\t\t\t\t\t})\r\n\t\t\t\t\t$form.find('input[type=\"submit\"]').prop('disabled', true);\r\n\t\t\t\t\tif (formSubmitted === false) {\r\n\t\t\t\t\t\tformSubmitted = true;\r\n\r\n\t\t\t\t\t\tif ($form.attr('id') !== 'registration-modal-form') {\r\n\t\t\t\t\t\t\tform.submit();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\t// Set validation rules for different types input sets\r\n\tsetRules: function() {\r\n\t\t// Check required\r\n\t\t$('input').each(function() {\r\n\t\t\tvar message_required = $(this).attr('data-validation-empty');\r\n\t\t\tif (message_required) {\r\n\t\t\t $(this).rules('add', {\r\n\t\t\t\t\trequired: true,\r\n\t\t\t messages: { required: message_required }\r\n\t\t\t });\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Regex input formats\r\n\t\t$('[data-validation-regex]').each(function() {\r\n\t\t\tvar message_format = $(this).attr('data-validation-format');\r\n\t\t $(this).rules('add', {\r\n\t\t\t\tregexFormat: true,\r\n\t\t messages: {\r\n\t\t \tregexFormat: message_format\r\n\t\t }\r\n\t\t });\r\n\t\t});\r\n\r\n\t\t// Email input formats (this does not target all email inputs)\r\n\t\t$('[data-validation-registerEmail]').each(function() {\r\n\t\t\tvar message_format = $(this).attr('data-validation-format');\r\n\t\t $(this).rules('add', {\r\n\t\t\t\tregisterEmailFormat: true,\r\n\t\t messages: {\r\n\t\t registerEmailFormat: message_format\r\n\t\t }\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\t// Prevent input of spaces in email fields (works on android!)\r\n\t\t$('input[type=\"email\"]').on('textInput', function(e) {\r\n\t\t\tvar keyCode = e.originalEvent.data.charCodeAt(0);\r\n\t\t\tif (keyCode === 32) return false\r\n\t\t})\r\n\r\n\t\t// Re-enter inputs matching (email and password)\r\n\t\t$('[data-validation-matchTo]').each(function() {\r\n\t\t\tvar matchTo = $(this).attr('data-validation-matchTo');\r\n\t\t\tvar message_matchTo = $(this).attr('data-validation-format');\r\n\t\t $(this).rules('add', {\r\n\t\t\t\tmatchInput: true,\r\n\t\t\t\tmessages: {\r\n\t\t\t\t\tmatchInput: message_matchTo\r\n\t\t }\r\n\t\t });\r\n\t\t});\r\n\r\n\t\t// Minimum length inputs\r\n\t\t$('[data-validation-minLength]').each(function() {\r\n\t\t\tvar minLength_message = $(this).attr('data-validation-minLenght-message');\r\n\t\t $(this).rules('add', {\r\n\t\t\t\tminLengthCheck: true,\r\n\t\t\t\tmessages: {\r\n\t\t\t\t\tminLengthCheck: minLength_message\r\n\t\t }\r\n\t\t });\r\n\t\t});\r\n\r\n\t\t// Maximum length inputs\r\n\t\t$('[data-validation-maxLength]').each(function() {\r\n\t\t\tvar maxLength_message = $(this).attr('data-validation-maxLenght-message');\r\n\t\t $(this).rules('add', {\r\n\t\t\t\tmaxLengthCheck: true,\r\n\t\t\t\tmessages: {\r\n\t\t\t\t\tmaxLengthCheck: maxLength_message\r\n\t\t }\r\n\t\t });\r\n\t\t});\r\n\r\n\t\t// Dropdowns\r\n\t\t$('select[data-validation-empty]').each(function() {\r\n\t\t\tvar message_required = $(this).attr('data-validation-empty');\r\n\t\t $(this).rules('add', {\r\n\t\t\t\tselectRequired: true,\r\n\t\t\t\tmessages: {\r\n\t\t\t\t\tselectRequired: message_required\r\n\t\t }\r\n\t\t });\r\n\t\t});\r\n\r\n\t\t// Validate Date Of Birth\r\n\t $('.dob-hidden').each(function() {\r\n\t\t\tvar message_valid = $(this).attr('data-validation-dob');\r\n\t\t $(this).rules('add', {\r\n\t\t\t\tvalidBirthDate: true,\r\n\t\t\t\tmessages: {\r\n\t\t\t\t\tvalidBirthDate: message_valid\r\n\t\t }\r\n\t\t });\r\n\t\t});\r\n\r\n\t\tfunction populateDob() {\r\n\t\t\tvar $container = $('.birthday-selects');\r\n\t\t\tvar $day = $container.find('#DobDay');\r\n\t\t\tvar $month = $container.find('#DobMonth');\r\n\t\t\tvar $year = $container.find('#DobYear');\r\n\t\t\t// get values\r\n\t\t\tvar $dayVal = $day.val().toString();\r\n\t\t\tvar $monthVal = $month.val().toString();\r\n\t\t\tvar $yearVal = $year.val().toString();\r\n\r\n if (!$dayVal && !$monthVal && !$yearVal)\r\n return;\r\n\r\n\t\t\t$('.dob-hidden').val($yearVal + '/' + $monthVal + '/' + $dayVal);\r\n\t\t}\r\n\r\n\t\tif ($('.birthday-selects').length) {\r\n\t\t\tpopulateDob();\r\n\t\t}\r\n\r\n\t\t$('.birthday-selects select').each(function() {\r\n\t\t\t$(this).on('change', function() {\r\n\t\t\t\tvar wrapper = $(this).closest('.select-wrapper');\r\n\t\t\t\tpopulateDob();\r\n\r\n\t\t\t\t$('.dob-hidden').focus();\r\n\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t$('.dob-hidden').blur();\r\n\t\t\t\t\tvar customDd = wrapper.find('.dk-selected');\r\n\t\t\t\t\tif (customDd.length) {\r\n\t\t\t\t\t\tcustomDd.focus();\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\twrapper.find('select');\r\n\t\t\t\t\t}\r\n\t\t\t\t},50);\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\t// Allow empty fields\r\n\t\t$('[data-validation-allowEmpty]').each(function(){\r\n\t\t\t$(this).rules('add', {\r\n\t\t\t\tallowEmpty: true\r\n\t\t\t});\r\n\t\t});\r\n\t},\r\n\r\n\tinit: function() {\r\n\t\tif ( $('form').length ) {\r\n\t\t\tvalidation.setMethods();\r\n\t\t\tvalidation.validateForms();\r\n\t\t\tvalidation.setRules();\r\n\t\t}\r\n\t}\r\n};","var videos = {\r\n $fullVideo: $(\".full-video\"),\r\n $videoCover: $(\".video-cover\"),\r\n $brightCoveClient: $('[data-video-client=\"brightcove\"]'),\r\n moving: false,\r\n coverFadingOut: false,\r\n\r\n onStateChange: function(event) {\r\n var _this = $(event.target.a);\r\n if (_this.closest(\".slider-hero-extended\").length) {\r\n var _event = event.data;\r\n var contentSlider = $(\".slider-hero-content\");\r\n if (_event === 1) {\r\n contentSlider.addClass(\"slider-video-playing\");\r\n } else if (_event === 0 || _event === 2) {\r\n contentSlider.removeClass(\"slider-video-playing\");\r\n }\r\n }\r\n },\r\n\r\n /*\r\n\t\tPause any video (primary or secundary) that is currently playing\r\n\t*/\r\n pauseOther: function() {\r\n var activeYoutube = $(\".youtube-video.active\");\r\n if (activeYoutube.length > 0) {\r\n activeYoutube.each(function() {\r\n var thisYoutube = $(this)\r\n .closest(\".full-video\")\r\n .find(\"iframe\")\r\n .attr(\"id\");\r\n players[thisYoutube].stopVideo();\r\n });\r\n }\r\n\r\n var videoId = $(\".vjs-playing\")\r\n .find(\"video\")\r\n .attr(\"id\");\r\n\r\n // $('.header-logo').append('
!!!pauseOther():', z,',videoId:',videoId);\r\n\r\n if (videoId) {\r\n videojs(videoId).pause();\r\n videojs(videoId).currentTime(0);\r\n }\r\n },\r\n\r\n mobileVIdPlay: function(vcode, width, height) {\r\n $(\".mobile-video\").html(\r\n ''\r\n );\r\n },\r\n\r\n playVideo: function($targetVideoCover, isMobile) {\r\n if (!videos.moving) {\r\n videos.pauseOther();\r\n var videoClient = $targetVideoCover.attr(\"data-video-client\");\r\n\r\n $(\".hidden-cover\")\r\n .removeClass(\"hidden-cover\")\r\n .fadeIn(\"fast\");\r\n $targetVideoCover.addClass(\"hidden-cover\").fadeOut(\"fast\", function() {\r\n videos.coverFadingOut = false;\r\n });\r\n\r\n if (videoClient === \"brightcove\") {\r\n var thisBrighcove = $targetVideoCover\r\n .closest(\".full-video\")\r\n .find(\".video-brightcove\");\r\n var videoId = thisBrighcove.find(\"video\").attr(\"id\");\r\n if (videoId == undefined) {\r\n return;\r\n }\r\n\r\n videojs(videoId).play();\r\n if (videoId == undefined) {\r\n return;\r\n }\r\n\r\n if ($targetVideoCover.closest(\".slider-hero-extended\").length) {\r\n var contentSlider = $(\".slider-hero-content\");\r\n $targetVideoCover\r\n .closest(\".full-video\")\r\n .find(\"video\")\r\n .on(\"ended pause\", function() {\r\n contentSlider.removeClass(\"slider-video-playing\");\r\n });\r\n\r\n $targetVideoCover\r\n .closest(\".full-video\")\r\n .find(\"video\")\r\n .on(\"play\", function() {\r\n contentSlider.addClass(\"slider-video-playing\");\r\n });\r\n }\r\n } else if (videoClient === \"youtube\") {\r\n $targetVideoCover\r\n .closest(\".full-video\")\r\n .find(\".youtube-video\")\r\n .addClass(\"active\");\r\n var videoId = $targetVideoCover.attr(\"data-video-trigger\");\r\n\r\n if (isIOS === false) {\r\n players[videoId].playVideo();\r\n }\r\n } else {\r\n return;\r\n }\r\n videos.moving = false;\r\n return;\r\n }\r\n },\r\n\r\n //center the primary video vertically in the remaining area (excluding the carousel controls)\r\n verticallyCenterVideo: function() {\r\n $header = $(\".main-header\");\r\n $sliderSyncComplex = $(\".slider-sync-complex\");\r\n $videoEls = $(\".main-video .vjs-tech\");\r\n if ($header.length && $sliderSyncComplex.length && $videoEls.length) {\r\n // need to investigate further while not centering perfectly. at the moment use this magic number\r\n videoTop = $sliderSyncComplex.offset().top / 2 - $header.height() / 2 + 9;\r\n $videoEls.attr(\"style\", \"top: \" + String(videoTop) + \"px !important\");\r\n }\r\n },\r\n\r\n eventListeners: function() {\r\n videos.$videoCover.on(\"mousedown\", function() {\r\n videos.moving = false;\r\n });\r\n videos.$videoCover.on(\"mouseup\", function(e) {\r\n var windowWidth = $(window).width();\r\n\r\n slider.syncComplex.slick(\"slickPause\");\r\n\r\n if (videos.coverFadingOut) {\r\n return;\r\n }\r\n\r\n videos.coverFadingOut = true;\r\n videos.playVideo($(e.target).closest(\".video-cover\"));\r\n\r\n if (isTouch && $(e.target).closest(\".slider-sync-simple\").length) {\r\n // slider.syncComplex.addClass('move-down');\r\n slider.syncComplex.slick(\"slickPause\");\r\n videos.verticallyCenterVideo();\r\n }\r\n });\r\n },\r\n\r\n pageHeroVideo: function() {\r\n if (!isTouch) {\r\n var heroCover = $(\".module-hero-new.contains-video\").find(\".video-cover\");\r\n videos.playVideo(heroCover, false);\r\n }\r\n },\r\n\r\n init: function() {\r\n if (videos.$fullVideo.length > 0) {\r\n videos.eventListeners();\r\n }\r\n if (isTouch) {\r\n videos.verticallyCenterVideo();\r\n }\r\n\r\n if ($(\".module-hero-new.contains-video\").length) {\r\n videos.pageHeroVideo();\r\n }\r\n }\r\n};\r\n\r\nwindow.videos = videos;\r\n\r\nif ($(\".myPlayerNotes\").length) {\r\n videojs(\"#myPlayerID\").ready(function() {\r\n var myPlayer = this;\r\n var toggleFull = true;\r\n $(\".myPlayerNotes\").prepend(\"\");\r\n\r\n $(\".playerFullScreenNotes\").on(\"click\", function() {\r\n toggleFull ? myPlayer.requestFullscreen() : myPlayer.exitFullscreen();\r\n toggleFull = !toggleFull;\r\n });\r\n });\r\n}\r\n","var wearTab = {\r\n\r\n\ttriggerEl: $('.wear-tab'),\r\n\ttargetEl: $('.wear-carousel'),\r\n\tslideEl: $('.wear-carousel-item'),\r\n\r\n\twearWrapper: $('.wear-carousel'),\r\n\r\n\tcheckIfAplicable: function() {\r\n\t\twearTab.wearWrapper.each(function(){\r\n\t\t\tvar _this = $(this);\r\n\t\t\tvar slides = _this.find(wearTab.slideEl);\r\n\t\t\tvar slides_number = slides.length - 1;\r\n\t\t\tvar slides_width = 240;\r\n\r\n\t\t\tvar wrapper_width = _this.closest('.component-wear').width();\r\n\t\t\tvar slides_width_total = slides_number * slides_width;\r\n\r\n\t\t\tif (slides_width_total > wrapper_width) {\r\n\t\t\t\tif (!_this.hasClass('flickity-enabled')) {\r\n\t\t\t\t\twearTab.slider(_this);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (_this.hasClass('flickity-enabled')) {\r\n\t\t\t\t\t_this.flickity('destroy');\r\n\t\t\t\t}\r\n\t\t\t\t_this.addClass('no-carousel').removeClass('loading');\r\n\t\t\t\tif (_this.hasClass('first')) {\r\n\t\t\t\t\t_this.addClass('current');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\tnav: function() {\r\n\t\twearTab.triggerEl.click(function(){\r\n\t\t\tvar _this = $(this);\r\n\r\n\t\t\tif (_this.hasClass('current')) {\r\n\t\t\t\treturn;\r\n\t\t\t} else {\r\n\t\t\t\tvar stylist = _this.attr('data-wear-trigger');\r\n\r\n\t\t\t\twearTab.triggerEl.removeClass('current');\r\n\t\t\t\twearTab.targetEl.removeClass('current');\r\n\r\n\t\t\t\t$(this).addClass('current');\r\n\t\t\t\t$('[data-wear-target=\"' + stylist + '\"]').addClass('current');\r\n\r\n\t\t\t\tif ($('[data-wear-target=\"' + stylist + '\"]').hasClass('flickity-enabled')) {\r\n\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\t$('[data-wear-target=\"' + stylist + '\"]').flickity('resize');\r\n\t\t\t\t\t},50);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\tslider: function(targetEl) {\r\n\t\tvar _this = targetEl;\r\n\r\n\t\t_this.flickity({\r\n\t\t\tgroupCells: true,\r\n\t\t\tfreeScroll: true,\r\n\t\t\twrapAround: true,\r\n\t\t\tprevNextButtons: false,\r\n\t\t\tpageDots: false,\r\n\t\t\tdragThreshold: 10,\r\n\t\t\trightToLeft: window.rtl\r\n\t\t});\r\n\t\t_this.removeClass('loading');\r\n\t\tif (_this.hasClass('first')) {\r\n\t\t\t_this.addClass('current');\r\n\t\t}\r\n\t\tif (_this.hasClass('no-carousel')) {\r\n\t\t\t_this.removeClass('no-carousel');\r\n\t\t}\r\n\t},\r\n\r\n\tinit: function() {\r\n\t\tif (wearTab.triggerEl.length) {\r\n\t\t\twearTab.checkIfAplicable();\r\n\t\t\twearTab.nav();\r\n\t\t}\r\n\t}\r\n};","var weather = {\r\n\twrapper: $('.nav-weather'),\r\n\tthumb: $('.weather-thumb'),\r\n\tmain: $('.weather-main'),\r\n\textended: $('.weather-extended'),\r\n\r\n\ttriggerLarge: function() {\r\n\t\tweather.thumb.click(function(){\r\n\t\t\tif (windowWidth >= desktop) {\r\n\t\t\t\tweather.wrapper.toggleClass('weather-open');\r\n\t\t\t\tweather.main.clearQueue().stop().slideToggle();\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\ttriggerSmall: function() {\r\n\t\tweather.main.click(function(){\r\n\t\t\tif (isTouch || (!isTouch && windowWidth < desktop)) {\r\n\t\t\t\tweather.wrapper.toggleClass('weather-open');\r\n\t\t\t\tweather.extended.clearQueue().stop().slideToggle();\r\n\t\t\t\t$('.sidenav-navItem.active .sidenav-item-content').slideUp();\r\n\t\t\t\tsidenav.wrapperEl.removeClass('active');\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\tclearOnResize: function() {\r\n\t\tweather.wrapper.removeClass('weather-open');\r\n\t\tweather.main.removeAttr('style');\r\n\t\tweather.extended.removeAttr('style');\r\n\t},\r\n\r\n\tcloseMouseOut: function() {\r\n\t\tweather.main.mouseleave(function(){\r\n\t\t\tif (!isTouch && windowWidth >= desktop) {\r\n\t\t\t\tweather.wrapper.removeClass('weather-open');\r\n\t\t\t\tweather.main.slideUp();\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\tcloseClickOut: function() {\r\n\t\t$(document).click(function(event) {\r\n\t\t\tif (!isTouch && windowWidth >= desktop) {\r\n\t\t\t\tif(!$(event.target).closest(weather.wrapper).length) {\r\n\t\t\t\t\tweather.wrapper.removeClass('weather-open');\r\n \t\t\t\tweather.main.slideUp();\r\n\t\t\t }\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\tinit: function() {\r\n\t\tweather.triggerLarge();\r\n\t\tweather.triggerSmall();\r\n\t\tweather.closeMouseOut();\r\n\t\tweather.closeClickOut();\r\n\t}\r\n};","var widgetCarousel = {\r\n\r\n\twrapperEl: $('.widget-carousel-new:not(.product-carousel)'),\r\n\tcarouselOpts: null,\r\n\tsetAlignment: 'left',\r\n\tsetGroupCells: null,\r\n\r\n\titemsCheck: $('[data-carousel-min-items]'),\r\n\r\n\tcheckSpecials: function() {\r\n\t\tvar items = widgetCarousel.itemsCheck;\r\n\r\n\t\titems.each(function(){\r\n\t\t\tvar _this = $(this);\r\n\t\t\tvar num_items = _this.find('.carousel-cell').length;\r\n\t\t\tvar notCarouselNum = _this.attr('data-carousel-min-items');\r\n\r\n\t\t\tif (num_items <= notCarouselNum) {\r\n\t\t\t\tif (notCarouselNum > 3) {\r\n\t\t\t\t\t_this.addClass('carousel-disable-xlarge');\r\n\t\t\t\t\t_this.closest('.component-latest-carousel').addClass('arrows-hidden-xlarge');\r\n\t\t\t\t} else {\r\n\t\t\t\t\t_this.addClass('carousel-disable-large');\r\n\t\t\t\t\t_this.closest('.component-latest-carousel').addClass('arrows-hidden-large');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\twidgetCarousel.setupSlider();\r\n\t},\r\n\r\n\tsetOptions: function(carouselItem) {\r\n\t\tcarouselItem.closest('.component-latest-carousel').addClass('carousel-set');\r\n\r\n\t\tif (carouselItem.hasClass('widget-carousel-news-feed')) {\r\n\t\t\twidgetCarousel.setAlignment = 'center';\r\n\r\n\t\t\tif (windowWidth >= tabletWide) {\r\n\t\t\t\twidgetCarousel.setGroupCells = 2;\r\n\t\t\t}\r\n\t\t}\r\n\t\tvar autoPlay = false;\r\n\t\tvar friction = 0.28;\r\n\t\tif (carouselItem.attr('data-carousel-autoplay') === \"true\") {\r\n\t\t\tautoPlay = 6000;\r\n\t\t\tfriction = 0.4;\r\n\t\t}\r\n\t\t// console.log(carouselItem, autoPlay);\r\n\t\twidgetCarousel.carouselOpts = {\r\n\t\t\twrapAround: true,\r\n\t\t\tgroupCells: widgetCarousel.setGroupCells,\r\n\t\t\tprevNextButtons: true,\r\n\t\t\tpageDots: false,\r\n\t\t\tcellAlign: widgetCarousel.setAlignment,\r\n\t\t\timagesLoaded: true,\r\n\t\t\twatchCSS: true,\r\n\t\t\tautoPlay: autoPlay,\r\n\t\t\tfriction: 0.35,\r\n\t\t\tdragThreshold: 10,\r\n\t\t\tfreePlay: -15,\r\n\t\t\trightToLeft: window.rtl\r\n\r\n\t\t}\r\n\t},\r\n\r\n\tsetupSlider: function() {\r\n\t\twidgetCarousel.wrapperEl.each(function(){\r\n\t\t\tvar _this = $(this);\r\n\t\t\twidgetCarousel.setOptions(_this);\r\n\t\t\t_this.flickity(widgetCarousel.carouselOpts);\r\n\r\n\t\t\tvar ellipsisEl = _this.find('.ellipsis-new');\r\n\t\t\tif (ellipsisEl.length) {\r\n\t\t\t\tellipsisEl.each(function(){\r\n\t\t\t\t\tellipsisNew.applyEllipsis($(this));\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\r\n\tinit: function() {\r\n\t\twidgetCarousel.checkSpecials();\r\n\t}\r\n};","var slickProperties;\r\n\r\nvar zoom = {\r\n\r\n\tcontainer: $('.zoom-container'),\r\n\ttooltip: $('.zoom-tooltip'),\r\n\tzoomedEl: $('.zoom-large'),\r\n\tcloseEl: $('.zoom-close'),\r\n\r\n\t// Make things follow the mouse\r\n\tfollowMouse: {\r\n\r\n\t\ttooltip: function() {\r\n\t\t\t$('.zoom-container').on('mousemove', function(e){\r\n\t\t\t $(this).find('.zoom-tooltip').offset({\r\n\t\t\t \tleft: e.pageX + 12,\r\n\t\t\t \ttop: e.pageY - 22\r\n\t\t\t });\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\t// Zoom and pan functionality\r\n\t\tzoomedImg: function(zoomWrapper, resize) {\r\n\r\n\t\t\t// Define elements\r\n\t\t\tzoomWrapper = zoomWrapper.find('.zoom-img-container');\r\n\t\t\tvar zoomImg = zoomWrapper.find('.zoom-img');\r\n\r\n\t\t\t// get container's dimensions\r\n\t\t\tvar conWidth = zoomWrapper.width();\r\n\t\t\tvar conHeight = zoomWrapper.height();\r\n\t\t\t// get image's dimensions\r\n\t\t\tvar imgWidth = zoomImg.width();\r\n\t\t\tvar imgHeight = zoomImg.height();\r\n\r\n\t\t\t// Get the smallest size possible to fit container\r\n\t\t\tvar smallestImg;\r\n\t\t\tif (conWidth >= conHeight) {\r\n\t\t\t\tsmallestImg = conHeight / imgHeight;\r\n\t\t\t} else {\r\n\t\t\t\tsmallestImg = conWidth / imgWidth;\r\n\t\t\t}\r\n\r\n\t\t\tvar disableZoomPan = false;\r\n\t\t\tif (smallestImg > 0.7) {\r\n\t\t\t\tzoomWrapper.find('.zoom-pinch').addClass('hide');\r\n\t\t\t\t// Apply panzoom plugin\r\n\t\t\t\tzoomImg.panzoom({\r\n\t\t\t\t\tcontain: 'invert',\r\n\t\t\t\t\tminScale: smallestImg,\r\n\t\t \t\t\tmaxScale: smallestImg,\r\n\t\t \t\t\tdisablePan: true,\r\n\t\t\t\t}).panzoom('zoom', smallestImg, {silent: true});\r\n\t\t\t} else {\r\n\r\n\t\t\t\tzoomWrapper.find('.zoom-pinch').removeClass('hide');\r\n\t\t\t\t// Apply panzoom plugin\r\n\t\t\t\tzoomImg.panzoom({\r\n\t\t\t\t\tcontain: 'invert',\r\n\t\t\t\t\tminScale: smallestImg,\r\n\t\t \t\t\tmaxScale: 1,\r\n\t\t \t\t\tincrement: 0.3,\r\n\t\t \t\t\tscale: true\r\n\t\t\t\t}).panzoom('zoom', smallestImg, {silent: true});\r\n\t\t\t}\r\n\r\n\t\t\tif (!resize) {\r\n\t\t\t\tzoomImg.css('display', 'block').hide().fadeIn();\r\n\t\t\t}\r\n\r\n\t\t\tvar $panzoom = zoomImg.panzoom();\r\n\t\t\t$panzoom.on('mousewheel.focal', function( e ) {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tvar delta = e.delta || e.originalEvent.wheelDelta;\r\n\t\t\t\tvar zoomOut = delta ? delta < 0 : e.originalEvent.deltaY > 0;\r\n\t\t\t\t$panzoom.panzoom('zoom', zoomOut, {\r\n\t\t\t\t\tincrement: 0.1,\r\n\t\t\t\t\tfocal: e\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t},\r\n\r\n\t// Show/hide tooltip\r\n\tshowTooltip: function() {\r\n\t\t// Apply tooltip and zoom for non-touch devices\r\n\t\t$('.zoom-container').hover(\r\n\t\t\t// Show tooltip on mouse enter\r\n\t\t\tfunction() {\r\n\t\t\t\tvar _this = $(this);\r\n\t\t\t\tif (!_this.hasClass('overlay-open')) {\r\n\t\t\t\t\t_this.addClass('zoom-container-hover');\r\n\t\t\t\t\t// Apply tooltip functionality\r\n\t\t\t\t\tzoom.followMouse.tooltip();\r\n\r\n\t\t\t\t\t// Get product elements that shouldn't be clickable for zoom functionality\r\n\t\t\t\t\tvar overlayEl = _this.find('.product-overlay'),\r\n\t\t\t\t\t\toverlayEl_content = _this.find('.product-overlay *')\r\n\t\t\t\t\t\toverlay_open = _this.find('.product-overlay-open'),\r\n\t\t\t\t\t\toverlay_close = _this.find('.product-overlay-close'),\r\n\t\t\t\t\t\toverlay_zoom = _this.find('.zoom-large');\r\n\t\t\t\t\tvar innerDisableEls;\r\n\t\t\t\t\tif (_this.closest('.small-product-carousel').length) {\r\n\t\t\t\t\t\tinnerDisableEls = overlayEl.add(overlayEl_content).add(overlay_open).add(overlay_close).add(overlay_zoom).add('.small-product-carousel-copy').add('.small-product-carousel-copy *').add(_this);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tinnerDisableEls = overlayEl.add(overlayEl_content).add(overlay_open).add(overlay_close).add(overlay_zoom);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tvar moving = false;\r\n\t\t\t\t\t/*\r\n\t\t\t\t\t_this.on('mousemove', function(){\r\n\t\t\t\t\t\t//console.log( \"zoom: mousemove\" );\r\n\t\t\t\t\t\tmoving = true;\r\n\t\t\t\t\t});\r\n\t\t\t\t\t*/\r\n\t\t\t\t\t_this.on('mousedown', function(){\r\n\t\t\t\t\t\tmoving = false;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\t// Listent to click event on zoomable products\r\n\t\t\t\t\t_this.on('mouseup', function(e){\r\n\t\t\t\t\t\t//console.log( \"zoom: mouseup\" );\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t//console.info( \"zoom: mouseup: moving:\", moving );\r\n\t\t\t\t\t\tif (!moving) {\r\n\t\t\t\t\t\t\t// Prevent zoom when clicking on certain elements\r\n\t\t\t\t\t\t\t//console.info( !$(e.target).is(innerDisableEls) );\r\n\t\t\t\t\t\t\t//console.info( !$(e.target).is('.product-overlay *') );\r\n\t\t\t\t\t\t\t//console.info( !$(e.target).is('.zoom-large *') );\r\n\r\n\r\n\t\t\t\t\t\t\tif (!$(e.target).is(innerDisableEls) && !$(e.target).is('.product-overlay *') && !$(e.target).is('.zoom-large *')) {\r\n\t\t\t\t\t\t\t\tscrollPos = $('html,body').scrollTop();\r\n\t\t\t\t\t\t\t\t// Show zoom container\r\n\t\t\t\t\t\t\t\tzoom.zoomedEl_show(_this);\r\n\r\n\t\t\t\t\t\t\t\t// Lazy load selected product's big image\r\n\t\t\t\t\t\t\t\tvar imageEl = _this.find('.zoom-img');\r\n\t\t\t\t\t\t\t\tzoom.lazyload(imageEl);\r\n\t\t\t\t\t\t\t\t// image loading latency test\r\n\t\t\t\t\t\t\t\t// setTimeout(function(){\r\n\t\t\t\t\t\t\t\t// \tzoom.lazyload(imageEl);\r\n\t\t\t\t\t\t\t\t// },2000);\r\n\r\n\t\t\t\t\t\t\t\t// Once image is loaded, show it and apply pan functionality to zoomed image\r\n\t\t\t\t\t\t\t\tif (_this.find('.zoom-loaded').length) {\r\n\t\t\t\t\t\t\t\t\t_this.find('.zoom-img').css('display', 'block');\r\n\t\t\t\t\t\t\t\t\tif (isTouch) {\r\n\t\t\t\t\t\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t\t\t\t\t\tzoom.followMouse.zoomedImg(_this.find('.zoom-large'));\r\n\t\t\t\t\t\t\t\t\t\t},250);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\timageEl.load(function(){\r\n\t\t\t\t\t\t\t\t\t\t_this.find('.zoom-large').addClass('zoom-loaded');\r\n\t\t\t\t\t\t\t\t\t\t_this.find('.zoom-img').css('display', 'block').hide().fadeIn();\r\n\t\t\t\t\t\t\t\t\t\tif (isTouch) {\r\n\t\t\t\t\t\t\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t\t\t\t\t\t\tzoom.followMouse.zoomedImg(_this.find('.zoom-large'));\r\n\t\t\t\t\t\t\t\t\t\t\t},250);\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tmoving = false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t\t// Hide xoom toltip when hover over other clickable elements\r\n\t\t\t\t\t_this.find(innerDisableEls).hover(\r\n\t\t\t\t\t\t// hide tooltip\r\n\t\t\t\t\t\tfunction() {\r\n\t\t\t\t\t\t\t$(this).closest('.zoom-container').addClass('zoom-container-hoverDisable');\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t// Show tooltip\r\n\t\t\t\t\t\tfunction() {\r\n\t\t\t\t\t\t\t$(this).closest('.zoom-container').removeClass('zoom-container-hoverDisable');\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t// hide tooltip on mouse out\r\n\t\t\tfunction() {\r\n\t\t\t\tif (!$(this).hasClass('overlay-open')) {\r\n\t\t\t\t\t$(this).removeClass('zoom-container-hover');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\t$('.zoom-container').find('.zoom-close').click(function(e){\r\n\t\t\te.preventDefault();\r\n\t\t\tzoom.zoomedEl_hide();\r\n\t\t});\r\n\t},\r\n\r\n\t// Add an element(s) to the zoom variable(s)\r\n\tadd: function( el ) {\r\n\t\t//console.log( \"zoom: add\" );\r\n\r\n\t\tzoom.container = zoom.container.add( el );\r\n\t\tzoom.tooltip = zoom.tooltip.add( el.find( '.zoom-tooltip' ) );\r\n\t\tzoom.zoomedEl = zoom.zoomedEl.add( el.find( '.zoom-large' ) );\r\n\t\tzoom.closeEl = zoom.closeEl.add( el.find( '.zoom-close' ) );\r\n\r\n\t},\r\n\r\n\tzoomSetup: function() {\r\n\t\t//console.log( \"zoom: zoomSetup\" );\r\n\r\n\t\t// Define elements\r\n\t\tvar targetEl = $('.zoom-container');\r\n\t\t// Get product elements that shouldn't be clickable for zoom functionality\r\n\t\tvar overlayEl = targetEl.find('.product-overlay'),\r\n\t\t\toverlayEl_content = targetEl.find('.product-overlay *')\r\n\t\t\toverlay_open = targetEl.find('.product-overlay-open'),\r\n\t\t\toverlay_close = targetEl.find('.product-overlay-close'),\r\n\t\t\toverlay_zoom = targetEl.find('.zoom-large');\r\n\t\tvar innerDisableEls = overlayEl.add(overlayEl_content).add(overlay_open).add(overlay_close).add(overlay_zoom);\r\n\r\n\r\n\t\tvar moving = false;\r\n\t\ttargetEl.on('mousemove', function(e){\r\n\t\t\tmoving = true;\r\n\t\t});\r\n\t\ttargetEl.on('mousedown', function(e){\r\n\t\t moving = false;\t\t \r\n\t\t});\r\n\r\n\t\ttargetEl.on('mouseup', function(e){\r\n\t\t\te.preventDefault();\r\n\t\t\tif (!moving) {\r\n\t\t\t\t// Define elements\r\n\t\t\t\tvar _this = $(this);\r\n\t\t\t\tvar imageEl = _this.find('.zoom-img');\r\n\t\t\t\t// Prevent zoom when clicking on certain elements\r\n\t\t\t\tif (!$(e.target).is(innerDisableEls) && !$(e.target).is('.product-overlay *') && !$(e.target).is('.zoom-large *')) {\r\n\t\t\t\t\tscrollPos = $('body').scrollTop();\r\n\t\t\t\t\t// Show zoom container\r\n\t\t\t\t\tzoom.zoomedEl_show(_this);\r\n\r\n\t\t\t\t\t// Check if image has been loaded or not and act consequently\r\n\t\t\t\t\tif (_this.find('.zoom-loaded').length) {\r\n\t\t\t\t\t\tif (isTouch) {\r\n\t\t\t\t\t\t\tzoom.resetPanZoom(_this.find('.zoom-loaded'));\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t// Lazy load selected product's big image\r\n\t\t\t\t\t\tzoom.lazyload(imageEl);\r\n\t\t\t\t\t\t// image loading latency test\r\n\t\t\t\t\t\t// setTimeout(function(){\r\n\t\t\t\t\t\t// \tzoom.lazyload(imageEl);\r\n\t\t\t\t\t\t// },2000);\r\n\r\n\t\t\t\t\t\t// Once image is loaded, show it and apply pan functionality to zoomed image\r\n\t\t\t\t\t\timageEl.load(function(){\r\n\t\t\t\t\t\t\t_this.find('.zoom-large').addClass('zoom-loaded');\r\n\t\t\t\t\t\t\tif (isTouch) {\r\n\t\t\t\t\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\t\t\t\tzoom.followMouse.zoomedImg(_this.find('.zoom-large'));\r\n\t\t\t\t\t\t\t\t},250);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tmoving = false;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Hide zoom container when click on close\r\n\t\ttargetEl.find('.zoom-close').click(function(e){\r\n\t\t\te.preventDefault();\r\n\t\t\tzoom.zoomedEl_hide();\r\n\t\t});\r\n\t},\r\n\r\n\t// Simply unbinds events prepping for new items to be added.\r\n\tdestroy: function() {\r\n\t\t//console.log( \"zoom: destroy\" );\r\n\r\n\t\t$( '.zoom-close' ).off( 'click mousedown mouseenter mouseleave mousemove mouseup' );\r\n\t\t$( '.zoom-container' ).off( 'click mousedown mouseenter mouseleave mousemove mouseup' );\r\n\r\n\t},\r\n\r\n\t// Open/close zoom overlay\r\n\tzoomedEl_show: function(mainContainer) {\r\n\t\tmainContainer.find('.zoom-large').addClass('zoom-open');\r\n\t\t// Prevent scroll when modal shown\r\n\t\tvar parentCarousel = mainContainer.closest('.slick-track');\r\n\t\tif (!isTouch && parentCarousel.length) {\r\n\t\t\t// slickProperties = parentCarousel.attr('style');\r\n\t\t\tparentCarousel.addClass('slider-zoom-open');\r\n\t\t}\r\n\t\tif ($('.zoom-open').closest('.slider-hero-content').length) {\r\n\t\t\t$('.slider-hero-content').find('.slick-track').addClass('slider-zoom-open');\r\n\t\t}\r\n\t},\r\n\r\n\t// Close zoom conainer event\r\n\tzoomedEl_hide: function() {\r\n\t\tvar parentCarousel = $('.zoom-open').closest('.slick-track');\r\n\t\tif (!isTouch && parentCarousel.length) {\r\n\t\t\tparentCarousel.removeClass('slider-zoom-open');\r\n\t\t\t// parentCarousel.attr('style', slickProperties);\r\n\t\t}\r\n\t\tif ($('.zoom-open').closest('.slider-hero-content').length) {\r\n\t\t\t$('.slider-hero-content').find('.slick-track').removeClass('slider-zoom-open');\r\n\t\t}\r\n\t\t$('#product-zoom-image').closest('.zoom-large').removeClass('zoom-loaded');\r\n\t\t$('.zoom-open').removeClass('zoom-open');\r\n\t\t$('#product-zoom-image').removeAttr('style');\r\n\t\t/*setTimeout(function(){\r\n\t\t\t$('body').scrollTop( scrollPos );\r\n\t\t\tscrollPos = null;\r\n\t\t},100);*/\r\n\t},\r\n\r\n\t// Load zoomable image\r\n\tlazyload: function(targetEl) {\r\n\t\tvar img_url = targetEl.attr('data-img-zoom');\r\n\t\ttargetEl.attr('src', img_url);\r\n\t},\r\n\r\n\t// Reset any existing panzoom on window resize\r\n\tresetPanZoom: function(targetEl) {\r\n\t\t//console.log('resetPanZoom::')\r\n\t\tvar _this = targetEl;\r\n\t\tvar imageEl = _this.find('.zoom-img');\r\n\t\timageEl.panzoom('resetZoom');\r\n\t\timageEl.panzoom('resetPan');\r\n\t\timageEl.panzoom('resetDimensions');\r\n\t\timageEl.panzoom('destroy');\r\n\t\tsetTimeout(function(){\r\n\t\t\t//console.log('zoom.followMouse.zoomedImg::')\r\n\t\t\tzoom.followMouse.zoomedImg(_this.closest('.zoom-large'));\r\n\t\t},500);\r\n\t},\r\n\r\n\t// Initialise zoom functionality\r\n\tinit: function() {\r\n\t\t//console.log( \"zoom: init\" );\r\n\r\n\t\tif ($('.zoom-container').length) {\r\n\t\t\tif (!isTouch) {\r\n\t\t\t\t// Zoom and pan functionality for non-touch devices\r\n\t\t\t\tzoom.showTooltip();\r\n\t\t\t\t//console.log( \"not touch\" );\r\n\t\t\t\t$(document).on('keyup', function(e){\r\n\t\t\t e = e || window.event;\r\n\t\t\t if ($('.zoom-open').length){\r\n\t\t\t \te.stopImmediatePropagation(); // prevent other elements (eg some modal undereath) from firing 'keyup'\r\n\t\t\t }\r\n\t\t\t if (e.keyCode == 27) {\r\n\t\t\t\t \tzoom.zoomedEl_hide();\r\n\t\t\t }\r\n\t\t\t\t});\r\n\r\n\t\t\t} else {\r\n\t\t\t\t// Zoom and pan functionality for touch devices\r\n\t\t\t\t//console.log('calling zoom.zoomSetup isTouch')\r\n\t\t\t\tzoom.zoomSetup();\r\n\t\t\t}\r\n\t\t\t// Close zoom conainer event\r\n\t\t\tzoom.zoomedEl_hide();\r\n\t\t}\r\n\t}\r\n};","// ***********************\r\n// $$ Document ready\r\n// ***********************\r\n$(function() {\r\n\r\n\twindow.windowWidth = window.innerWidth;\r\n\twindow.windowHeight = window.innerHeight;\r\n\r\n\twindow.isiPhone = navigator.userAgent.toLowerCase().indexOf('iphone');\r\n\twindow.isiPad = navigator.userAgent.toLowerCase().indexOf('ipad');\r\n\twindow.isiPod = navigator.userAgent.toLowerCase().indexOf('ipod');\r\n\twindow.isAndroid = function(){ return /Android/i.test(navigator.userAgent); }\r\n\twindow.getAndroidVersion = function(ua) {\r\n\t\tua = (ua || navigator.userAgent).toLowerCase();\r\n\t\tvar match = ua.match(/android\\s([0-9\\.]*)/);\r\n\t\treturn match ? match[1] : false;\r\n\t};\r\n\r\n\twindow.isIOS = false;\r\n\tif ( window.isiPhone > 0 || window.isiPad > 0 || window.isiPod > 0 ) {\r\n\t\twindow.isIOS = true;\r\n\t\t$('html').addClass('iOS');\r\n\t}\r\n\r\n\twindow.tablet = 640;\r\n\twindow.tabletWide = 800;\r\n\twindow.desktop = 1024;\r\n\r\n\twindow.isTouch = false;\r\n\tif (('ontouchstart' in document.documentElement) || Modernizr.touchevents)\r\n\t\twindow.isTouch = true;\r\n\t// isTouch = true;\r\n\r\n\tif (isTouch || Modernizr.touchevents) {\r\n\t\t$('html').addClass('touch');\r\n\t}\r\n\r\n\t// Detect IE11 and Add Modernizer-like Class to HTML Element\r\n\tif ( $.browser.msie && $.browser.version <= 11 )\r\n\t\t$( 'html' ).addClass( 'lt-ie12' );\r\n\r\n\t/// Detect Desktop/Mobile and Add Modernizer-like Class to HTML Element\r\n\tif ( $.browser.desktop )\r\n\t\t$( 'html' ).addClass( 'desktop' );\r\n\telse if ( $.browser.mobile )\r\n\t\t$( 'html' ).addClass( 'mobile' );\r\n\r\n\tif (window.isAndroid())\r\n\t\t$( 'html' ).addClass( 'android' )\r\n\r\n\tif (parseInt(getAndroidVersion(), 10) == 6)\r\n\t\t$( 'html' ).addClass( 'android6' )\r\n\r\n\r\n\twindow.rtl = false;\r\n\tif ($('.layout-reversed').length)\r\n\t\twindow.rtl = true;\r\n\r\n\t// Add functions here\r\n\r\n\t// responsive-helpers.js\r\n\t// bh.setHelpers(windowWidth, windowHeight);\r\n\t// bh.emptyLinks();\r\n\r\n\t// accessibility.js\r\n\taccessibility.init();\r\n\r\n\t// nav.js\r\n\tnav.init();\r\n\r\n\t// desktop-nav.js\r\n\tif (!isTouch && windowWidth >= desktop) {\r\n\t\tdesktopNav.init();\r\n\t}\r\n\r\n\t// dropdowns.js\r\n\tdd.init();\r\n\r\n\t// social-popups.js\r\n\tsocialPopups.init();\r\n\r\n\t// social-links.js\r\n\tsocialLinks.init();\r\n\r\n\t// slider.js\r\n\tslider.init();\r\n\r\n\t// forms.js\r\n\tform.init();\r\n\r\n\t// ellipsis.js\r\n\tellipsis.init();\r\n\r\n\t// ellipsis-new.js\r\n\tellipsisNew.init();\r\n\r\n\t// filter.js\r\n\tfilter.init();\r\n\r\n\t// pagination.js\r\n\tpagination.init();\r\n\tlazyScroll.init();\r\n\r\n\t// search.js\r\n\tsearch.init();\r\n\r\n\t// interactive-map.js\r\n\twindow.vrMap = new InteractiveMap();\r\n\r\n\t// text.js\r\n\ttext.init();\r\n\r\n\t// backToTop.js\r\n\tbackToTop.init();\r\n\r\n\t// accordion.js\r\n\taccordion.init();\r\n\r\n\t// download-app-buttons.js\r\n\tdownloadApp.init();\r\n\r\n\t// accordionTabs.js\r\n accordionTabs.init();\r\n\r\n // accordions-reskin.js\r\n accordionHandler.init();\r\n\r\n\t// trains.js\r\n\ttrains.init();\r\n\r\n\t// product-page.js\r\n\tproductPage.init();\r\n\r\n\t// product-overlay.js\r\n\toverlay.init();\r\n\r\n\t// dateTimePicker.js\r\n\tdateTimePicker.init();\r\n\r\n\t// googleMap.js\r\n\tgoogleMap.init();\r\n\r\n\t// customScrollbar.js\r\n\tcustomScrollbar.init();\r\n\r\n\t// supScripts.js\r\n\tsupScripts.init();\r\n\r\n\t// open-login.js\r\n\topenLogin.init();\r\n\r\n\t// cookies.js\r\n\tcookies.init();\r\n\r\n\t// treats.js\r\n\ttreat.init();\r\n\r\n\t// validation.js\r\n\tvalidation.init();\r\n\r\n\t// tags.js\r\n \ttags.init();\r\n\r\n \t// zoom.js\r\n \tzoom.init();\r\n\r\n \t// twitter-feed.js\r\n \ttwitterFeed.init();\r\n\r\n \t// weather.js\r\n \tweather.init();\r\n\r\n \t// videos.js\r\n \tvideos.init();\r\n\r\n \t// modal.js\r\n \tmodal.init();\r\n\r\n \t// modal-product.js\r\n \tmodalProduct.init();\r\n\r\n\t// widgetCarousel.js\r\n \twidgetCarousel.init();\r\n\r\n\t// stylists.js\r\n \t//stylists.init();\r\n\t \r\n \t// wear.js\r\n\twearTab.init();\r\n\r\n\t// full-bleed-img-carousel.js\r\n \tfullImgSlide.init();\r\n\r\n \t// standard-product-list.js\r\n \tproductList.init();\r\n\r\n \t// sidenav.js\r\n \tsidenav.init();\r\n\r\n \t// hero-nav.js\r\n \theroNav.init();\r\n\r\n\t// gallery.js\r\n \tgallery.init();\r\n\r\n\t// Modal GDPR\r\n\tgdprModal.init();\r\n\r\n\t//Update Details gdpr\r\n\tgdprDetails.init();\r\n\r\n\t// Brands page functionality - brands.js\r\n\tbrands.init();\r\n\r\n\t// Registration overlay - registration-modal.js\r\n\tresgistrationModal.init();\r\n\r\n\ttermsConditionsModal.init();\r\n});\r\n","// ***********************\r\n// $$ Smart resize\r\n// ***********************\r\n(function ($, sr) {\r\n\tvar debounce = function (func, threshold, execAsap) {\r\n\t\tvar timeout;\r\n\t\treturn function debounced() {\r\n\t\t\tvar obj = this,\r\n\t\t\t\targs = arguments;\r\n\t\t\tfunction delayed() {\r\n\t\t\t\tif (!execAsap) {\r\n\t\t\t\t\tfunc.apply(obj, args);\r\n\t\t\t\t}\r\n\t\t\t\ttimeout = null;\r\n\t\t\t}\r\n\t\t\tif (timeout) {\r\n\t\t\t\tclearTimeout(timeout);\r\n\t\t\t} else if (execAsap) {\r\n\t\t\t\tfunc.apply(obj, args);\r\n\t\t\t}\r\n\t\t\ttimeout = setTimeout(delayed, threshold || 500);\r\n\t\t};\r\n\t};\r\n\tjQuery.fn[sr] = function (fn) {\r\n\t\treturn fn ? this.bind('resize', debounce(fn)) : this.trigger(sr);\r\n\t};\r\n})(jQuery, 'smartresize'); // End smartresize\r\n\r\n\r\n$(window).smartresize(function () {\r\n\r\n\twindow.newWindowWidth = window.innerWidth;\r\n\twindow.newWindowHeight = window.innerHeight;\r\n\r\n\t//\tresponsive-helpers.js\r\n\t// bh.setHelpers(newWindowWidth, newWindowHeight);\r\n\r\n\tvar widthChange = Math.abs(newWindowWidth - windowWidth);\r\n\r\n\t//\tAdd functions here\r\n\r\n\tif (windowWidth >= desktop && newWindowWidth < desktop && !isTouch) {\r\n\t\t//\tsliders.js\r\n\t\tslider.pause();\r\n\t\t//\tnav.js\r\n\t\tnav.openClose.closeNavResizeDown();\r\n\t\tnav.openClose.offCanvasScroll();\r\n\t\tnav.openClose.undoDisableSearch();\r\n\t}\r\n\r\n\tif (windowWidth < desktop && newWindowWidth >= desktop && !isTouch) {\r\n\t\t//\tnav.js\r\n\t\tnav.openClose.undoMobile();\r\n\t\tnav.openClose.closeNavResize();\r\n\t\tnav.openClose.undoOffCanvasScroll();\r\n\r\n\t\t//\tsliders.js\r\n\t\tslider.desktopOnly();\r\n\r\n\t\t//\tforms.js\r\n\t\tform.keyboardAmends();\r\n\t}\r\n\r\n\tif ((isTouch || (!isTouch && windowWidth < desktop)) && $('.site-canvas.active').length > 0) {\r\n\t\t// nav.js\r\n\t\tnav.openClose.cutHeight(newWindowHeight);\r\n\t}\r\n\t//\tellipsis.js\r\n\tif (ellipsis.editorial.applyEl.length > 0 || ellipsis.freeText.applyEl.length > 0 || ellipsis.promoTextLong.copy.length > 0) {\r\n\r\n\t\tif (windowWidth < tablet && newWindowWidth >= tablet) {\r\n\t\t\tellipsis.editorial.loadApply();\r\n\t\t\tellipsis.freeText.loadApply();\r\n\t\t\tellipsis.promoTextLong.loadApply();\r\n\t\t}\r\n\t\tif (newWindowWidth >= tablet) {\r\n\t\t\tellipsis.editorial.resizeApply();\r\n\t\t\tellipsis.freeText.resizeApply();\r\n\t\t\tellipsis.promoTextLong.resizeApply();\r\n\t\t}\r\n\t\tif (windowWidth >= tablet && newWindowWidth < tablet) {\r\n\t\t\tellipsis.editorial.undoEllipsis();\r\n\t\t\tellipsis.freeText.undoEllipsis();\r\n\t\t\tellipsis.promoTextLong.undoEllipsis();\r\n\t\t}\r\n\t}\r\n\r\n\tif (ellipsis.editorial.feedApplyEl.length > 0) {\r\n\t\tellipsis.editorial.resizeApplyFeed();\r\n\t}\r\n\r\n\tif ($('.ellipsis').length > 0) {\r\n\t\tellipsis.removeEmpty();\r\n\t}\r\n\r\n\t$('.ellipsis-new').each(function(){\r\n\t\tellipsisNew.applyEllipsis($(this), true);\r\n\t});\r\n\tif (ellipsisNew.ellipsisTitleEl.length){\r\n\t\tellipsisNew.ellipsisTitleEl.each(function(){\r\n\t\t\tellipsisNew.applyEllipsisTitle($(this), true);\r\n\t\t});\r\n\t}\r\n\r\n\tif (windowWidth < tabletWide && newWindowWidth >= tabletWide) {\r\n\t\t// filter.js\r\n\t\tfilter.undoSpecialDd();\r\n\t}\r\n\r\n\t// unslick and re slick sliders\r\n\t// slider.homeHeroProducts();\r\n\r\n\t// if (ellipsis.treat.copy.length) {\r\n\t// \tellipsis.treat.resizeApply();\r\n\t// }\r\n\r\n\t// interactive-map.js\r\n\t// if (map.container.length > 0) {\r\n\t// \tmap.dragableReset();\r\n\t// }\r\n\r\n\t// Touch device only\r\n\tif (isTouch) {\r\n\r\n\t\t// Reset product zoom widget if open\r\n\t\tif (widthChange > 200 && $('.zoom-open').length) {\r\n\t\t\t// Reset any existing panzoom on window resize\r\n\t\t\tzoom.resetPanZoom($('.zoom-open')); // zoom.js\r\n\t\t}\r\n\r\n\t\tvideos.verticallyCenterVideo();\r\n\t}\r\n\r\n\tif ( (windowWidth < desktop && newWindowWidth >= desktop) || (windowWidth >= desktop && newWindowWidth < desktop) ) {\r\n\t\tsetTimeout(function(){\r\n\t\t\tweather.clearOnResize(); // weather.js\r\n\t\t},500);\r\n\t}\r\n\r\n\t// Interactive Map\r\n\t// window.vrMap.resize();\r\n\tif ($('.page-village-map').length)\r\n\t\twindow.resizeMap();\r\n\r\n\t// wear.js\r\n\tif (wearTab.wearWrapper.length) {\r\n\t\twearTab.checkIfAplicable();\r\n\t}\r\n\r\n\tif (isTouch && $('.small-product-carousel').length) {\r\n\t\t slider.syncComplex.slick('slickPause');\r\n\t\tslider.smallProducts();\r\n\t}\r\n\r\n\twindow.windowWidth = window.innerWidth;\r\n\twindow.windowHeight = window.innerHeight;\r\n});","$(window).scroll(function(event){\r\n\tdidScroll = true;\r\n});\r\n\r\nif ($('.slide-content-header ').length && !$('.slide-content-header.hide-arrow').length) {\r\n $(window).scroll(function(event){\r\n if ($(document).scrollTop() > 100) {\r\n // $('.slide-content-header').addClass('hide-arrow');\r\n }\r\n });\r\n}\r\n"]}