').addClass(colClass));\n\n for (var i = 0; i < colCounts[h]; i++) {\n for (var j = 0, k = 0; k < h; k++) {\n j += colCounts[k];\n }\n\n $(this)\n .find('.' + colClass)\n .last()\n .append($items[i + j]);\n }\n }\n });\n\n $('.location-list .col-sm-3 div.location-info-cont').each(function () {\n var stateTitle = $(this).find('p.state').first().text();\n $(this).before('
' + stateTitle + '
');\n });\n\n $('.location-list .col-sm-3 h3').each(function () {\n var prevTitle = $(this).prev().prev('h3').text();\n\n if ($(this).text() == prevTitle) {\n $(this).hide().addClass('hidden-title');\n }\n });\n\n $('.location-list div.col-sm-3').each(function () {\n var stateTitle = $(this).children().last().find('p.state');\n\n if ($(this).next().first().find('h3:first-child').text() == stateTitle.text()) {\n $(this).next().first().find('h3:first-child').addClass('top-title').append('
(cont)');\n }\n });\n\n $('.location-list div.col-sm-3 h3.hidden-title').delay(1000).remove();\n\n if (debugMode) {\n console.log('franchiseLocationList');\n }\n}\n\n/* Menu functionality */\n\n/**\n * Enables mega menu functionality\n */\nfunction megaMenuMain() {\n const showMegaMenu = (dropdown, ajaxAction) => {\n const $dropdownMenu = dropdown.parent().children('ul.dropdown-menu');\n\n if ($dropdownMenu !== 'undefined' && !dropdown.hasClass('loaded')) {\n const menuIds = $dropdownMenu\n .find('a')\n .map(function () {\n return $(this).attr('data-index');\n })\n .get()\n .join(',');\n\n const ajaxData = {\n action: ajaxAction,\n ids: menuIds,\n wpml_lang: wpml_lang,\n };\n\n $.ajax({\n type: 'GET',\n url: ajaxurl,\n headers: {\n 'Cache-control': 'max-age=86400, public',\n Pragma: 'cache',\n },\n cache: true,\n data: ajaxData,\n success: function (res) {\n $('.mega-menu-loader').show();\n dropdown.parent().find('.megamenu-preview').html(res);\n dropdown.addClass('loaded');\n },\n });\n }\n };\n\n $('#mainMenu > .mobile-menu-lang-container > .nav > li.type1 > a.dropdown-toggle-main-menu').on(\n 'mouseover touchstart tap',\n function () {\n showMegaMenu($(this), 'megamenu_ids');\n }\n );\n\n $('#mainMenu > .mobile-menu-lang-container > .nav > li.type2 > a.dropdown-toggle-main-menu').on(\n 'mouseover touchstart tap',\n function () {\n showMegaMenu($(this), 'megamenu_ids');\n }\n );\n\n $('#mainMenu > .mobile-menu-lang-container > .nav > li.type4 > a.dropdown-toggle-main-menu').on(\n 'mouseover touchstart tap',\n function () {\n showMegaMenu($(this), 'inspiration_menu');\n }\n );\n\n $('#mainMenu > .mobile-menu-lang-container > .nav > li.type1 > a.dropdown-toggle-main-menu').on(\n 'mouseover touchstart tap',\n function () {\n showMegaMenu($(this), 'megamenu_ids');\n }\n );\n\n $('#mainMenu .type1 a, #mainMenu .type2 a, #mainMenu .type4 a').on('mouseover tap focus', function () {\n const menuIndex = $(this).attr('data-index');\n const $menuPreview = $('.megamenu-preview').find('.page-menu-item-wrap[data=\"' + menuIndex + '\"]');\n\n $(this).parents('.megamenu').find('.page-menu-item-wrap').addClass('hide');\n\n if (!$(this).parent().hasClass('not_first')) {\n $menuPreview.removeClass('hide');\n }\n });\n\n $('#mainMenu .type1 a, #mainMenu .type2 a, #mainMenu .type4 a').on('mouseout', function () {\n const menuIndex = $(this).attr('data-index');\n const subMenuFirstIndex = $(this).parents('.megamenu').find('.dropdown-submenu:first-child a').attr('data-index');\n\n $('.megamenu-preview')\n .find('.page-menu-item-wrap[data=\"' + menuIndex + '\"]')\n .addClass('hide');\n $('.megamenu-preview')\n .find('.page-menu-item-wrap[data=\"' + subMenuFirstIndex + '\"]')\n .removeClass('hide');\n });\n\n if (debugMode) {\n console.log('megaMenuMain');\n }\n}\n\n/**\n * Set menu dropdown height\n */\nfunction dropdownmenuheight() {\n $('.dropdown ul.dropdown-menu > li').each(function () {\n $(this).find(':eq(0)').height();\n $(this).find(':eq(3)').height();\n $('.megamenu-preview').height();\n });\n\n if (debugMode) {\n console.log('dropdownmenuheight');\n }\n}\n\n/**\n * Intended to ensure dropdowns work on tablet\n */\nfunction dropdownIpad() {\n if (isMobile && ((isMobile.apple && isMobile.apple.tablet) || (isMobile.android && isMobile.android.tablet))) {\n $('.nav.navbar-nav').addClass('touch');\n\n $('.nav.navbar-nav > li.dropdown > a').each(function (e) {\n var url = $(this).attr('href');\n\n $(this).attr('value', url).attr('href', 'javascript:void(0)');\n $(this).on('touchstart', function () {\n if ($(this).parent().hasClass('open')) {\n $(this).attr('href', url).removeAttr('value');\n window.location = url;\n } else {\n $(this).parents().find('.nav.navbar-nav').find('li.dropdown.open').removeClass('open');\n $(this).parent().addClass('open');\n }\n });\n });\n\n $('.nav.navbar-nav > li.dropdown > ul.dropdown-menu a').each(function () {\n var url = $(this).attr('href');\n\n $(this).attr('value', url).attr('href', 'javascript:void(0)');\n $(this).on('touchstart ', function () {\n window.location = url;\n });\n });\n\n $('body').on('tap', function (e) {\n if (!$(e.target).closest('.nav.navbar-nav > li.dropdown.open a').length > 0) {\n $('.nav.navbar-nav > li.dropdown').removeClass('open');\n $('.nav.navbar-nav > li.dropdown > ul.dropdown-menu a').removeClass('clicked');\n }\n });\n\n if (debugMode) {\n console.log('dropdownIpad');\n }\n }\n}\n\n/**\n * Toggle custom dropdown menu\n * @todo Check if this is actually in use anywhere\n */\nfunction selectOptionReplace() {\n $(document.body).on('click', '.top-info>.dropdown-menu li', function (e) {\n var $target = $(e.currentTarget);\n $target\n .closest('.btn-group')\n .find('[data-bind=\"label\"]')\n .text($target.text())\n .end()\n .children('.dropdown-toggle')\n .dropdown('toggle');\n\n return false;\n });\n\n if (debugMode) {\n console.log('selectOptionReplace');\n }\n}\n\n/* Modals / image galleries */\n\n$('#branded-video').on('shown.bs.modal', function (e) {\n // do something...\n var ifr = $('#branded-video').find('iframe');\n var src = ifr.attr('data-src');\n ifr.attr('src', src);\n});\n\n/**\n * Enables Ekko Lightbox on Client Story pages\n * @see https://ashleydw.github.io/lightbox/\n */\nfunction bsLightBox() {\n $('[data-toggle=\"lightbox\"]').click(function (e) {\n // Prevent link from opening\n e.preventDefault();\n e.stopPropagation();\n\n $(this).ekkoLightbox({\n type: 'image',\n onContentLoaded: function () {\n var lightboxWidth = $('.ekko-lightbox-container').find('img').width();\n lightboxWidth >= 660 && $('.ekko-lightbox .modal-dialog').css('max-width', lightboxWidth + 22);\n },\n });\n });\n\n if (debugMode) {\n console.log('bsLightBox');\n }\n}\n\n/**\n * Enables Bootstrap Popover on Promo Icons\n * @see https://getbootstrap.com/docs/3.3/javascript/#popovers\n */\nfunction promotionPopover() {\n $('[data-toggle=\"popover\"]')\n .popover({\n placement: 'bottom',\n container: 'body',\n viewport: '.promotion-icons, .container',\n html: true,\n content: function () {\n return $(this).next('.popover_content_wrapper').html();\n },\n })\n .on('click touchstart', function (e) {\n e.preventDefault();\n $(this).popover('toggle');\n });\n\n $('body')\n .on('click touchstart', '.popover .close', function () {\n $(this).parents('.popover').popover('hide');\n })\n .on('click touchstart', function (e) {\n $('[data-toggle=\"popover\"]').each(function () {\n if (!$(this).is(e.target) && 0 === $(this).has(e.target).length && 0 === $('.popover').has(e.target).length) {\n $(this).popover('hide');\n }\n });\n });\n\n if (debugMode) {\n console.log('promotionPopover');\n }\n}\n\n/**\n * Enables Bootstrap Popover on Material Details template pages\n * @see https://getbootstrap.com/docs/3.3/javascript/#popovers\n */\nfunction imageZoom() {\n $('.img-show').popover({\n placement: function (context, source) {\n var sourceOffset = $(source).offset().top,\n sourcePos = $(source).position(),\n currPos = 'bottom';\n\n if (sourceOffset - $(window).scrollTop() > 340) {\n currPos = 'top';\n } else if ($(window).width() > 991 && sourceOffset - $(window).scrollTop() > 120 && sourcePos.left > 415) {\n currPos = 'left';\n } else if ($(window).width() > 991 && sourceOffset - $(window).scrollTop() > 120 && sourcePos.left < 415) {\n currPos = 'right';\n }\n\n return currPos;\n },\n trigger: 'focus hover',\n html: true,\n content: function () {\n return $(this).next('.img-content-preview').html();\n },\n });\n\n $('body').on('click tap', function (e) {\n $('.img-show').each(function () {\n if ($(this).is(e.target) || 0 !== $(this).has(e.target).length || 0 !== $('.popover').has(e.target).length) {\n return;\n }\n\n $(this).popover('hide');\n });\n });\n\n $('.img-show').on('mouseenter', function () {\n $(this).parent().siblings().children('.img-show').popover('hide');\n $(this).popover('show');\n });\n\n $('.img-show').on('shown.bs.popover', function () {\n // update lazy load for ajax images\n if (lazyLoadInstance) {\n lazyLoadInstance.update();\n }\n });\n\n if (debugMode) {\n console.log('imageZoom');\n }\n}\n\n/**\n * Setup ajax gallery modals\n */\nfunction galleryModalSetup() {\n $('.our-gallery-open').on('click', function () {\n var rel = $(this).attr('rel'),\n data = $(this).attr('data'),\n ajaxData = 'galId=' + rel + '&action=get_gal_our_work&galuri=' + data;\n\n $.post(ajaxurl, ajaxData, function (result) {\n $('.modal-body').html(result);\n });\n });\n\n $(document).on('click', '.open-gallery', function () {\n $('.ajax-load-designer').html('');\n $('.loader-modal-img').show();\n\n var ajaxData =\n 'gal_id=' + $(this).attr('rel') + '&post_id=' + $(this).attr('data-post') + '&action=send_gallery_id';\n\n $.post(ajaxurl, ajaxData, function (result) {\n $('.ajax-load-designer').html(result);\n\n if (window.location.hash && window.location.hash.length > 4) {\n var urlData = window.location.hash.split('/');\n\n if ($('.carousel-navigation ul li').length > 1 && urlData.length > 1) {\n $('.carousel-navigation ul li:nth-child(' + urlData[2] + ')').click();\n }\n }\n\n $('.loader-modal-img').hide();\n });\n });\n\n $('.franchise-gallery-open').on('click', function () {\n $('.franchise-modal-body').html(' ');\n\n var rel = $(this).attr('rel'),\n ajaxData = 'gallery_id=' + rel + '&action=get_franchise_gal';\n\n $.post(ajaxurl, ajaxData, function (result) {\n $('.franchise-modal-body').html(result);\n\n if (window.location.hash && window.location.hash.length > 4) {\n var urlData = window.location.hash.split('/');\n\n if ($('.carousel-navigation ul li').length > 1 && urlData.length > 1) {\n $('.carousel-navigation ul li:nth-child(' + urlData[2] + ')').click();\n }\n }\n });\n });\n\n if (debugMode) {\n console.log('galleryModalSetup');\n }\n}\n\n/**\n * Presumably prevented an iOS issue at one point\n * @todo - Determine if this is still needed\n */\nfunction modalScroll() {\n function isIOS() {\n for (var i = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod']; i.length; ) {\n if (navigator.platform === i.pop()) return true;\n }\n\n return false;\n }\n\n var scrollTop = $(document).scrollTop();\n\n $(window).scroll(function () {\n scrollTop = $(document).scrollTop();\n });\n\n $('select')\n .on('focus', function () {\n if (isIOS()) {\n $('body').css({\n position: 'relative',\n top: -scrollTop,\n });\n $('html').css('overflow', 'hidden');\n }\n })\n .on('blur', function () {\n if (isIOS()) {\n $('body, html').removeAttr('style');\n $(document).scrollTop(scrollTop);\n }\n });\n\n if (debugMode) {\n console.log('modalScroll');\n }\n}\n\n/**\n * Reset iframe video when modal is closed\n */\nfunction stopVideoPlay() {\n $('.modal-body iframe').attr('src');\n\n $('.modal, .modal-content .close').on('click', function () {\n $('.modal-body iframe').each(function () {\n var iframeSrc = $(this).attr('src');\n $(this).attr('src', ' ');\n $(this).attr('src', iframeSrc);\n });\n });\n\n $('.modal-body').on('click', function (e) {\n e.stopPropagation();\n });\n\n if (debugMode) {\n console.log('stopVideoPlay');\n }\n}\n\n/**\n * Format phone number input field based on country code\n * @param {element} $countrySelect - A jQuery select element to style\n */\nfunction selectCountryFormat($countrySelect) {\n if ($countrySelect !== false && $countrySelect.val().length !== 0) {\n $countrySelect.css({\n 'border-color': '#333333',\n });\n }\n\n if ($(\".rfc-pop-up-form-container .rfc-inner form [name='country']\").length > 0) {\n usPhoneFormat(\n \".rfc-pop-up-form-container .rfc-inner form [name='phone']\",\n \".rfc-pop-up-form-container .rfc-inner form [name='country']\"\n );\n } else if ($('.rfc-pop-up-form-container .rfc-inner form #countryselector').length > 0) {\n usPhoneFormat(\n \".rfc-pop-up-form-container .rfc-inner form [name='phone']\",\n '.rfc-pop-up-form-container .rfc-inner form #countryselector'\n );\n }\n\n if ($(\".pop-up-form-container .rfc-section form [name='country']\").length > 0) {\n usPhoneFormat(\n \".pop-up-form-container .rfc-section form [name='phone']\",\n \".pop-up-form-container .rfc-section form [name='country']\"\n );\n } else if ($('.pop-up-form-container .rfc-section form #countryselector').length > 0) {\n usPhoneFormat(\n \".pop-up-form-container .rfc-section form [name='phone']\",\n '.pop-up-form-container .rfc-section form #countryselector'\n );\n }\n\n if ($('#request-form #request-country').length > 0) {\n usPhoneFormat('#request-form #request-phone', '#request-form #request-country');\n }\n\n if (debugMode) {\n console.log('selectCountryFormat');\n }\n}\n\n/**\n * Various form setup functionality\n */\nfunction customFormSetup() {\n $(\"[name='country']\").on('change', function () {\n selectCountryFormat($(this));\n });\n\n $('#request-country').on('change', function () {\n selectCountryFormat($(this));\n });\n\n var countryCode = $('.select-country-wrap select').val();\n\n if (countryCode) {\n var ajaxData = 'countryslug=' + countryCode + '&action=load_the_state&wpml_lang=' + wpml_lang;\n\n $.post(ajaxurl, ajaxData, function (result) {\n $('.select-state-wrap select').html(result);\n });\n }\n\n $('.select-country-wrap select').on('change', function () {\n var ajaxData = 'countryslug=' + $(this).val() + '&action=load_the_state&wpml_lang=' + wpml_lang;\n\n $.post(ajaxurl, ajaxData, function (result) {\n $('.select-state-wrap select').html(result);\n });\n\n return false;\n });\n\n $(\"[name='city_state_zip']\").on('keyup', function () {\n var zipVal = $(this)\n .val()\n .replace(/[^\\w]+/g, '');\n $('.step2 .zip input').val(zipVal);\n });\n\n $('.step1 textarea').on('keyup', function () {\n var textVal = $(this).val();\n $('.step2 textarea').val(textVal);\n });\n\n $(\".step1 [name='phone']\").on('keyup', function () {\n var phoneVal = $(this).val();\n $('.step2 .phonestep2').val(phoneVal);\n });\n\n if (debugMode) {\n console.log('customFormSetup');\n }\n}\n\n/* Carousels / Sliders */\n\n/**\n * Enable swipe functionality on Bootstrap Carousel\n */\nfunction bsCarouselSwipe() {\n $('.carousel-inner').swipe({\n swipeLeft: function () {\n $(this).parent().carousel('next');\n },\n swipeRight: function () {\n $(this).parent().carousel('prev');\n },\n threshold: 0,\n });\n\n $('.carousel-inner').each(function () {\n if ($(this).children('div').length === 1) {\n $(this).siblings('.carousel-control, .carousel-indicators').hide();\n }\n });\n\n if (debugMode) {\n console.log('bsCarouselSwipe');\n }\n}\n\n/**\n * Setup custom slick arrow functionality\n * @param {element} prev - The element to target as the previous arrow\n * @param {element} next - The element to target as the next arrow\n */\nfunction addArrowFunctionality(prev, next) {\n prev.addEventListener('click', function () {\n $(prev.parentElement).slick('slickPrev');\n });\n\n next.addEventListener('click', function () {\n $(next.parentElement).slick('slickNext');\n });\n\n if (debugMode) {\n console.log('addArrowFunctionality');\n }\n}\n\n/**\n * Generate custom slick arrows\n * @param {element} stage - The carousel element\n * @param {boolean} customFunctionality - If the arrows need to be custom initialized\n * @returns {Array} [next arrow object, previous arrow object]\n */\nfunction createCarouselArrows(stage, customFunctionality) {\n if (customFunctionality === undefined) {\n // set default for customFunctionality param in ie compatible manner\n customFunctionality = false;\n }\n\n var prevArrow = document.createElement('button');\n var nextArrow = document.createElement('button');\n\n prevArrow.setAttribute('class', 'slick-prev anim-arrows');\n prevArrow.setAttribute('name', 'Previous Slide');\n prevArrow.setAttribute('aria-label', 'Previous');\n\n nextArrow.setAttribute('class', 'slick-next anim-arrows');\n nextArrow.setAttribute('name', 'Next Slide');\n nextArrow.setAttribute('aria-label', 'Next');\n\n if (!customFunctionality) {\n addArrowFunctionality(prevArrow, nextArrow);\n }\n\n $(stage).append(prevArrow, nextArrow);\n\n if (debugMode) {\n console.log('createCarouselArrows');\n }\n\n return [nextArrow, prevArrow];\n}\n\n/**\n * Setup slick slider connected carousel for subrooms pages\n * @see https://kenwheeler.github.io/slick/\n */\nfunction subroomCarousel() {\n if (\n $('body').hasClass('page-template-template-homepage') ||\n $('body').hasClass('page-template-template-homepage-august') ||\n $('body').hasClass('page-template-tempate-landing-page-august-2017') ||\n $('body').hasClass('page-template-template-pandora-landing-page') ||\n $('body').hasClass('page-template-template-mariekondo-landing-page') ||\n $('body').hasClass('page-template-template-before-and-after-local-page')\n ) {\n return;\n }\n\n var sliderMain = '.slick-slider-stage';\n\n if ($(sliderMain).length == 0) {\n return;\n }\n\n var slideOffset = 0,\n sliderNav = '.slick-slider-nav',\n navSlides = $(sliderNav).find('.slick-slide'),\n isDraggable = 0 != $(sliderMain).data('draggable'),\n firstSwipe = 0 != $(sliderMain).data('first-item-swipe'),\n autoplaySpeed = 9000;\n\n if (window.location.hash && '#designers' != window.location.hash) {\n slideOffset = parseInt(window.location.hash.slice(8));\n }\n\n if ($(sliderMain).data('autoplay-speed')) {\n autoplaySpeed = $(sliderMain).data('autoplay-speed');\n }\n\n const prevArrow =\n '
';\n const nextArrow =\n '
';\n\n if (\n $('body.page-template-template_rooms_bedrooms_walkin').length > 0 ||\n $('.page-template-template-everyday-landing').length > 0\n ) {\n $(sliderMain).slick({\n accessibility: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n fade: true,\n asNavFor: '.slick-slider-nav',\n initialSlide: slideOffset,\n centerMode: false,\n adaptiveHeight: false,\n draggable: isDraggable,\n swipe: isDraggable,\n prevArrow:\n '
',\n nextArrow: '
',\n autoplay: true,\n autoplaySpeed: autoplaySpeed,\n lazyLoad: 'progressive',\n });\n\n $(sliderNav).slick({\n accessibility: true,\n slidesToShow: 4,\n slidesToScroll: 1,\n asNavFor: '.slick-slider-stage',\n initialSlide: slideOffset,\n centerMode: false,\n focusOnSelect: false,\n prevArrow: prevArrow,\n nextArrow: nextArrow,\n lazyLoad: 'progressive',\n responsive: [\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 2,\n },\n breakpoint: 992,\n settings: {\n slidesToShow: 3,\n },\n },\n ],\n });\n } else {\n $(sliderMain).slick({\n accessibility: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n initialSlide: slideOffset,\n centerMode: false,\n adaptiveHeight: false,\n draggable: isDraggable,\n swipe: isDraggable,\n arrows: false,\n autoplay: true,\n autoplaySpeed: autoplaySpeed,\n lazyLoad: 'progressive',\n });\n\n $(sliderNav).slick({\n accessibility: true,\n slidesToShow: 4,\n slidesToScroll: 1,\n initialSlide: slideOffset,\n centerMode: false,\n focusOnSelect: false,\n prevArrow: prevArrow,\n nextArrow: nextArrow,\n lazyLoad: 'progressive',\n responsive: [\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 2,\n },\n },\n ],\n });\n }\n\n // Slider Navigation Settings\n $(sliderMain).on('init', function () {\n createCarouselArrows(sliderMain);\n });\n\n if (!firstSwipe) {\n $('.carousel-stage.slick-slider .slick-prev').addClass('hide');\n\n $(sliderMain).on('afterChange', function (event, slick, currentSlide) {\n if (0 == currentSlide) {\n $('.carousel-stage.slick-slider .slick-prev').addClass('hide');\n } else {\n $('.carousel-stage.slick-slider .slick-prev').removeClass('hide');\n }\n });\n }\n\n $(sliderMain).on('beforeChange', function () {\n $('.carousel-stage.slick-slider .slick-next span').addClass('animate-arrow');\n $('.carousel-stage.slick-slider .slick-prev span').addClass('animate-arrow');\n\n setTimeout(function () {\n $('.carousel-stage.slick-slider .slick-next span').removeClass('animate-arrow');\n $('.carousel-stage.slick-slider .slick-prev span').removeClass('animate-arrow');\n }, 1500);\n });\n\n $(sliderNav).find('.slick-current').addClass('slick-goto');\n\n navSlides.on('click', function () {\n var slide = $(this),\n slideIndex = 0;\n\n if (!slide.attr('data-slick-index')) {\n slide = slide.parents('.slick-slide');\n }\n\n slideIndex = slide.attr('data-slick-index');\n\n $(sliderMain).slick('slickGoTo', slideIndex);\n navSlides.removeClass('slick-goto');\n });\n\n if (debugMode) {\n console.log('subroomCarousel');\n }\n}\n\n/**\n * Setup slick slider connected carousel for Material Details pages\n * @see https://kenwheeler.github.io/slick/\n */\nfunction detailsCarousel() {\n if ($('.slider-for').length == 0) {\n return false;\n }\n\n for (var i = 1; i <= $('.slider-for').length; i++) {\n var sliderMain = '.slider-for-' + i,\n sliderNav = '.slider-nav-' + i;\n\n $(sliderMain).slick({\n accessibility: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n centerMode: false,\n arrows: true,\n prevArrow: '
',\n nextArrow: '
',\n lazyLoad: 'progressive',\n asNavFor: sliderNav,\n });\n\n $(sliderMain).on('init', function () {\n createCarouselArrows(sliderMain);\n });\n\n $(sliderNav).slick({\n accessibility: true,\n slidesToShow: 4,\n slidesToScroll: 1,\n asNavFor: sliderMain,\n centerMode: false,\n focusOnSelect: true,\n arrows: false,\n responsive: [\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 2,\n },\n },\n ],\n });\n }\n\n if (debugMode) {\n console.log('detailsCarousel');\n }\n}\n\n/**\n * Setup jCarousel gallery modal carousel for Franchise and Designer pages\n * @see https://sorgalla.com/jcarousel/\n */\nfunction connectedModalCarousel() {\n var carouselMain = $('.gallery-modal .carousel-stage')\n .on('jcarousel:create', function () {\n $(this).jcarousel('scroll', slideElement, false);\n })\n .jcarousel();\n\n var carouselNav = $('.gallery-modal .carousel-navigation')\n .on('jcarousel:createend', function () {\n $(this).jcarousel('scroll', slideElement, false);\n })\n .jcarousel();\n\n carouselNav\n .jcarousel('items')\n .each(function () {\n var $this = $(this),\n carouselTarget = carouselMain.jcarousel('items').eq($this.index());\n\n $this\n .on('jcarouselcontrol:active', function () {\n carouselNav.jcarousel('scrollIntoView', this);\n $this.addClass('active');\n })\n .on('jcarouselcontrol:inactive', function () {\n $this.removeClass('active');\n })\n .jcarouselControl({\n target: carouselTarget,\n carousel: carouselMain,\n });\n })\n .on('jcarousel:reload jcarousel:create', function () {\n var modalWidth = $('.gallery-modal .modal-dialog').innerWidth() - 20;\n modalWidth /= modalWidth >= 600 ? 4 : 2;\n carouselNav.jcarousel('items').css('width', modalWidth + 'px');\n })\n .jcarousel();\n\n $('.gallery-modal .prev-stage')\n .on('jcarouselcontrol:inactive', function () {\n $(this).addClass('inactive');\n })\n .on('jcarouselcontrol:active', function () {\n $(this).removeClass('inactive');\n })\n .jcarouselControl({\n target: '-=1',\n });\n\n $('.gallery-modal .next-stage')\n .on('jcarouselcontrol:inactive', function () {\n $(this).addClass('inactive');\n })\n .on('jcarouselcontrol:active', function () {\n $(this).removeClass('inactive');\n })\n .jcarouselControl({\n target: '+=1',\n });\n\n $('.gallery-modal .prev-navigation')\n .on('jcarouselcontrol:inactive', function () {\n $(this).addClass('inactive');\n })\n .on('jcarouselcontrol:active', function () {\n $(this).removeClass('inactive');\n })\n .jcarouselControl({\n target: '-=1',\n });\n\n $('.gallery-modal .next-navigation')\n .on('jcarouselcontrol:inactive', function () {\n $(this).addClass('inactive');\n })\n .on('jcarouselcontrol:active', function () {\n $(this).removeClass('inactive');\n })\n .jcarouselControl({\n target: '+=1',\n });\n\n carouselMain.swipe({\n swipeLeft: function () {\n carouselMain.jcarousel('scroll', '+=1');\n },\n swipeRight: function () {\n carouselMain.jcarousel('scroll', '-=1');\n },\n });\n\n carouselNav.swipe({\n swipeLeft: function () {\n carouselNav.jcarousel('scroll', '+=1');\n },\n swipeRight: function () {\n carouselNav.jcarousel('scroll', '-=1');\n },\n });\n\n var viewportWidth = $(window).width();\n if (viewportWidth < 480) {\n $('.connected-carousels .carousel-stage > ul > li').css('width', viewportWidth - 70 + 'px');\n }\n\n if (debugMode) {\n console.log('connectedModalCarousel');\n }\n}\n\n/**\n * Setup jCarousel magazine logo carousel for Press & News\n * @see https://sorgalla.com/jcarousel/\n */\nfunction magazineCarousel() {\n var $carouselNav = $('.magazine .carousel-navigation');\n\n $carouselNav\n .on('jcarousel:reload jcarousel:create', function () {\n var navWidth = $carouselNav.innerWidth();\n navWidth /= navWidth >= 600 ? 4 : 2;\n $carouselNav.jcarousel('items').css('width', navWidth + 'px');\n })\n .jcarousel({\n wrap: 'circular',\n })\n .jcarouselAutoscroll({\n interval: 3000,\n target: '+=1',\n autostart: true,\n });\n\n $('.magazine .prev.prev-navigation').jcarouselControl({\n target: '-=1',\n });\n\n $('.magazine .next.next-navigation').jcarouselControl({\n target: '+=1',\n });\n\n $carouselNav.swipe({\n swipeLeft: function () {\n $carouselNav.jcarousel('scroll', '+=1');\n },\n swipeRight: function () {\n $carouselNav.jcarousel('scroll', '-=1');\n },\n });\n\n if (debugMode) {\n console.log('magazineCarousel');\n }\n}\n\n/**\n * Setup jCarousel testimonials carousel\n * @see https://sorgalla.com/jcarousel/\n */\nfunction testimonialsCarousel() {\n var $carousel = $('.testimonial-block .jcarousel'),\n carouselWidth = $carousel.innerWidth(),\n itemsPer = 1,\n itemsScroll = 1;\n\n $carousel\n .on('jcarousel:reload jcarousel:create', function () {\n $carousel.jcarousel('items').css('width', carouselWidth + 'px');\n })\n .jcarousel({\n wrap: 'circular',\n });\n\n $('.testimonial-block .jcarousel-pagination')\n .on('jcarouselpagination:active', 'a', function () {\n $(this).addClass('active');\n })\n .on('jcarouselpagination:inactive', 'a', function () {\n $(this).removeClass('active');\n })\n .on('click', function (e) {\n e.preventDefault();\n })\n .jcarouselPagination({\n perPage: itemsPer,\n item: function (page) {\n return '
' + page + '';\n },\n });\n\n $('.testimonials-pagination>div.prev').jcarouselControl({\n target: '-=' + itemsScroll,\n });\n\n $('.testimonials-pagination>div.next').jcarouselControl({\n target: '+=' + itemsScroll,\n });\n\n $carousel.swipe({\n swipeLeft: function () {\n $carousel.jcarousel('scroll', '+=' + itemsScroll);\n },\n swipeRight: function () {\n $carousel.jcarousel('scroll', '-=' + itemsScroll);\n },\n });\n\n if (debugMode) {\n console.log('testimonialsCarousel');\n }\n}\n\n/**\n * Setup jCarousel Franchise hero carousel\n * @see https://sorgalla.com/jcarousel/\n */\nfunction marketHeroCarousel() {\n var $carousel = $('.franchise-hero-img .jcarousel'),\n carouselWidth = $carousel.innerWidth(),\n itemsPer = 1,\n itemsScroll = 1;\n\n $carousel\n .on('jcarousel:reload jcarousel:create', function () {\n $carousel.jcarousel('items').css('width', carouselWidth + 'px');\n })\n .jcarousel({\n wrap: 'circular',\n });\n\n $('.franchise-hero-img .jcarousel-pagination')\n .on('jcarouselpagination:active', 'a', function () {\n $(this).addClass('active');\n })\n .on('jcarouselpagination:inactive', 'a', function () {\n $(this).removeClass('active');\n })\n .on('click', function (e) {\n e.preventDefault();\n })\n .jcarouselPagination({\n perPage: itemsPer,\n item: function (page) {\n return '
' + page + '';\n },\n });\n\n $('.testimonials-pagination>div.prev').jcarouselControl({\n target: '-=' + itemsScroll,\n });\n\n $('.testimonials-pagination>div.next').jcarouselControl({\n target: '+=' + itemsScroll,\n });\n\n $carousel.swipe({\n swipeLeft: function () {\n $carousel.jcarousel('scroll', '+=' + itemsScroll);\n },\n swipeRight: function () {\n $carousel.jcarousel('scroll', '-=' + itemsScroll);\n },\n });\n\n if ($('.franchise-hero-img .jcarousel').length > 0) {\n setInterval(function () {\n $('.franchise-hero-img .jcarousel').jcarousel('scroll', '+=1');\n }, 4000);\n }\n\n if (debugMode) {\n console.log('marketHeroCarousel');\n }\n}\n\n/**\n * Setup jCarousel Client Story carousel\n * @see https://sorgalla.com/jcarousel/\n */\nfunction clientStoryCarousel() {\n var $carouselNav = $('.client-story .carousel-navigation');\n\n $carouselNav\n .on('jcarousel:reload jcarousel:create', function () {\n var navWidth = $carouselNav.innerWidth();\n navWidth /= navWidth >= 600 ? 4 : 2;\n $carouselNav.jcarousel('items').css('width', navWidth + 'px');\n })\n .jcarousel({\n wrap: 'circular',\n });\n\n $('.client-story .prev.prev-navigation')\n .on('jcarouselcontrol:inactive', function () {\n $(this).addClass('inactive');\n })\n .on('jcarouselcontrol:active', function () {\n $(this).removeClass('inactive');\n })\n .jcarouselControl({\n target: '-=1',\n });\n\n $('.client-story .next.next-navigation')\n .on('jcarouselcontrol:inactive', function () {\n $(this).addClass('inactive');\n })\n .on('jcarouselcontrol:active', function () {\n $(this).removeClass('inactive');\n })\n .jcarouselControl({\n target: '+=1',\n });\n\n $carouselNav.swipe({\n swipeLeft: function () {\n $carouselNav.jcarousel('scroll', '+=1');\n },\n swipeRight: function () {\n $carouselNav.jcarousel('scroll', '-=1');\n },\n });\n\n if (debugMode) {\n console.log('clientStoryCarousel');\n }\n}\n\n/*\n * Initialize functionality / unnamed functions\n */\nvar showModal = getUrlParameter('show'),\n galleryToShow = getUrlParameter('gal'),\n slideElement = getUrlParameter('slide');\n\n$(window).on('load', function () {\n moreLess();\n tabbedContentMoreLess();\n mobileTabbedContent();\n\n if ($('.twentytwenty-container').length > 0) {\n $('.twentytwenty-container').twentytwenty();\n }\n\n if (showModal == true) {\n $('.gallery-modal').on('show.bs.modal', function () {\n var templateID = $('.template_id').val(),\n ajaxData = 'galId=' + galleryToShow + '&action=get_gal_our_work&galURI=' + templateID;\n\n $.post(ajaxurl, ajaxData, function (res) {\n $('.modal-body').html(res);\n });\n });\n\n $('.gallery-modal').modal('show');\n }\n\n $('.gallery-modal').on('hide.bs.modal', function () {\n parent.location.hash = '';\n showModal = getUrlParameter('show');\n galleryToShow = getUrlParameter('gal');\n slideElement = getUrlParameter('slide');\n });\n\n if (window.location.hash && window.location.hash.length > 4) {\n var urlSlug = window.location.hash;\n\n urlSlug = urlSlug.split('/');\n\n if ($('.franchise-gallery-open[rel=\"' + urlSlug[1] + '\"]').length > 0) {\n $('.franchise-gallery-open[rel=\"' + urlSlug[1] + '\"]').click();\n }\n\n if ($('.open-gallery[rel=\"' + urlSlug[1] + '\"]').length > 0) {\n $('.open-gallery[rel=\"' + urlSlug[1] + '\"]')[0].click();\n }\n }\n\n var browserInfo = get_browser();\n\n if ('IE' === browserInfo.name || 'Edge' === browserInfo.name) {\n if ($(window).width() > 768) {\n $('.location-finder p.location-found').css('font-size', '11px');\n $('.location-finder p.location-found a.market-name').css('font-size', '12px');\n $('.location-finder p.location-found a.lf-change').css('font-size', '11px');\n }\n\n $('.hero-text-wrapper').css('max-height', '195px');\n $('.franchise-hero-img').css('margin-top', '-21px');\n }\n\n setTimeout(function () {\n $('.btn-request').removeAttr('disabled');\n }, 0);\n});\n\n$(document).ready(function () {\n 'use strict';\n\n customFormSetup();\n galleryModalSetup();\n franchiseLocationList();\n // dropdownIpad();\n detaillistheight();\n\n if (\n $('.page-template-tempate-landing-page-august-2017').length === 0 &&\n $('.page-template-template-everyday-landing').length === 0 &&\n $('.page-template-template-2020-paid-landing').length === 0\n ) {\n setTimeout(function () {\n if ($('#showroom-id[name=\"showroom_id\"]').val()) {\n $('#country').hide();\n $('label[for=\"country\"]').hide();\n } else {\n $('#country').show();\n $('label[for=\"country\"]').show();\n }\n }, 500);\n\n $('#showroom-id[name=\"showroom_id\"]').on('change', function () {\n if ($(this).val()) {\n $('#country').hide();\n $('label[for=\"country\"]').hide();\n } else {\n $('#country').show();\n $('label[for=\"country\"]').show();\n }\n });\n\n modalScroll();\n megaMenuMain();\n promotionPopover();\n selectOptionReplace();\n imageZoom();\n bsCarouselSwipe();\n readMore();\n stopVideoPlay();\n\n $.scrollUp({\n scrollName: 'scrollUp',\n topDistance: '300',\n topSpeed: 300,\n animation: 'fade',\n animationInSpeed: 200,\n animationOutSpeed: 200,\n scrollText:\n '
Scroll up',\n activeOverlay: false,\n });\n\n bsLightBox();\n\n // delay initializing to fix issue with deferred css loading\n setTimeout(function () {\n detaillistheight();\n subroomCarousel();\n detailsCarousel();\n connectedModalCarousel();\n magazineCarousel();\n testimonialsCarousel();\n marketHeroCarousel();\n clientStoryCarousel();\n rfMobile();\n }, 1500);\n } else if ($('.page-template-template-everyday-landing').length > 0) {\n selectOptionReplace();\n stopVideoPlay();\n\n $.scrollUp({\n scrollName: 'scrollUp',\n topDistance: '300',\n topSpeed: 300,\n animation: 'fade',\n animationInSpeed: 200,\n animationOutSpeed: 200,\n scrollText:\n '
Scroll up',\n activeOverlay: false,\n });\n\n setTimeout(function () {\n megaMenuMain();\n subroomCarousel();\n }, 1500);\n } else if ($('.page-template-template-2020-paid-landing').length > 0) {\n setTimeout(function () {\n megaMenuMain();\n }, 1500);\n }\n\n $('.custom-closet-tabs .tab-content').hide();\n\n if ($(window).width() >= 768) {\n $('.navbar-nav > li.dropdown > a').each(function () {\n $(this).on('hover ', function () {\n var dropdownData = $(this)\n .next('ul.dropdown-menu.megamenu')\n .find('li.dropdown-submenu:nth-child(1) > a.dropdown-toggle-main-menu')\n .attr('data');\n\n $(this)\n .next('ul.dropdown-menu.megamenu')\n .find('li.megamenu-preview div[data=\"' + dropdownData + '\"]')\n .removeClass('hide');\n });\n });\n\n $('.navbar-nav > li.dropdown > ul.dropdown-menu.megamenu.dropdown .dropdown-submenu').each(function () {\n var dropdownData = $(this)\n .parents('ul.dropdown-menu.megamenu.dropdown')\n .find('li.dropdown-submenu:nth-child(1) > a.dropdown-toggle-main-menu')\n .addClass('first-preview')\n .attr('data');\n\n $('li.megamenu-preview div[data=\"' + dropdownData + '\"]').addClass('preview');\n\n $(this).on('mouseleave', function () {\n $(this)\n .parent('ul.dropdown-menu.megamenu.dropdown')\n .find('li.megamenu-preview div[data=\"' + dropdownData + '\"]')\n .toggleClass('hide');\n });\n\n var menuLink = $(this).find('a');\n\n $(menuLink).on('mouseenter', function () {\n if (!$(menuLink).hasClass('first-preview', 'dropdown-toggle')) {\n $(this)\n .parents('ul.dropdown-menu.megamenu.dropdown')\n .find('li.megamenu-preview div[data=\"' + dropdownData + '\"]')\n .addClass('hide');\n }\n });\n });\n\n $('.custom-closet-tabs #tab-0.tab-content').show();\n }\n\n $('.navbar-nav > .menu-item a').mouseover(function () {\n if (!is_touch_device()) {\n $('.navbar-nav > .menu-item > ul').css('display', '');\n }\n });\n\n if ($('.cta-newsletter-content p.signup-label').height() > 40) {\n $('.cta-newsletter-content').addClass('longl');\n }\n\n $('.meet-team-franchise a[href=\"#\"]').hide();\n\n $('.excerpt-wrapper p').each(function () {\n $(this).text(function (index, text) {\n return $(this).text().length > 150 ? text.substr(0, 150) + '...' : text.substr(0, 150);\n });\n\n setTimeout(function () {\n var excerptHeight = 0;\n\n $('.excerpt-wrapper').each(function () {\n if ($(this).height() > excerptHeight) {\n excerptHeight = $(this).height();\n }\n\n $(this).css('position', 'relative');\n });\n\n $('.excerpt-wrapper').height(excerptHeight);\n $('.excerpt-wrapper a.read-more').css('position', 'absolute').css('bottom', '5px');\n }, 1000);\n });\n\n $('.location-input-container').append('
x
');\n\n $('.location-input-container .close').click(function () {\n $('header.site-header').removeClass('mobile-opened');\n });\n\n $('body').on('click tap', function (e) {\n if (\n !$(e.target).parents('.location-input-container').length &&\n !$(e.target).parents('.pac-container').length &&\n 'location-input-container' !== e.target.className\n ) {\n $('header.site-header').removeClass('mobile-opened');\n }\n });\n\n $('.location-title').click(function () {\n if ($(window).width() < 768) {\n $('.location-search-wrap').parent().toggleClass('mobile-location');\n $('.location-search-wrap').parents('.site-header').toggleClass('mobile-opened');\n }\n });\n\n $('.navbar-toggle').click(function () {\n if ($(window).width() < 768) {\n $('header.site-header').removeClass('mobile-opened');\n }\n });\n\n $('.clear-form a').click(function () {\n $('.contact-info')[0].reset();\n $('.visit-type').removeClass('checked');\n $('.visit-type.textarea').slideUp();\n });\n\n $('.room-select .visit-type').bind('click', function (e) {\n var checkbox = $(this).find('input:checkbox');\n\n if ($(e.target).is('input:checkbox') && $(checkbox).is(':checked')) {\n $(this).addClass('checked');\n } else if ($(e.target).is('input:checkbox')) {\n $(this).removeClass('checked');\n } else if ($(checkbox).is(':checked')) {\n $(this).find('input:checkbox').prop('checked', false);\n $(this).removeClass('checked');\n } else {\n $(this).find('input:checkbox').prop('checked', true);\n $(this).addClass('checked');\n }\n });\n\n $('.visit-type.other').bind('click', function () {\n if ($(this).find('input:checkbox').is(':checked')) {\n $(this).find('input:checkbox').parent().addClass('checked').next().slideDown();\n } else {\n $(this).find('input:checkbox').parent().removeClass('checked').next().slideUp();\n }\n });\n\n $('.room-select .visit-type input:checkbox').each(function () {\n if ($(this).is(':checked')) {\n $(this).parent().addClass('checked');\n $('.visit-type.textarea').slideDown();\n } else {\n $(this).parent().removeClass('checked');\n }\n });\n\n $('.optionbox span.subscribe-to-box').bind('click', function () {\n if ($(this).hasClass('checked')) {\n $(this)\n .parents('.optionbox')\n .children('span.no')\n .addClass('checked')\n .find('input:checkbox')\n .attr('checked', true);\n\n $(this).find('input:checkbox').attr('checked', false);\n $(this).removeClass('checked');\n } else {\n $(this)\n .parents('.optionbox')\n .children('span.no')\n .removeClass('checked')\n .find('input:checkbox')\n .attr('checked', false);\n\n $(this).addClass('checked').find('input:checkbox').attr('checked', true);\n }\n });\n\n $('.optionbox span.no').bind('click', function () {\n if ($(this).hasClass('checked')) {\n $(this)\n .parents('.optionbox')\n .children('span.subscribe-to-box')\n .addClass('checked')\n .find('input:checkbox')\n .attr('checked', true);\n\n $(this).find('input:checkbox').attr('checked', false);\n $(this).removeClass('checked');\n } else {\n $(this)\n .parents('.optionbox')\n .children('span.subscribe-to-box')\n .removeClass('checked')\n .find('input:checkbox')\n .attr('checked', false);\n\n $(this).addClass('checked').find('input:checkbox').attr('checked', true);\n }\n });\n\n $('.optionbox span.no input:checkbox').attr('checked', false);\n $('.optionbox span.subscribe-to-box input:checkbox').attr('checked', true);\n\n $('.read-more-hide').each(function () {\n if ($(this).parents('.read-more-mobile-only').length < 1 || $(window).width() < 768) {\n var charLimit = 400;\n\n $(this).find('p').contents().unwrap();\n\n var textContent = $(this).html();\n\n if (textContent.length > charLimit) {\n var trimmedText = textContent.substr(0, charLimit),\n endText = textContent.substr(charLimit, textContent.length - charLimit);\n\n var trimmedContent =\n trimmedText +\n '
... ' +\n '
' +\n endText +\n '' +\n ' ';\n\n $(this).html(trimmedContent);\n } else {\n $(this).next('.read-more').hide();\n }\n }\n });\n\n $('.read-more').click(function () {\n if ($(this).prev('.read-more-hide').hasClass('less')) {\n $(this).prev('.read-more-hide').removeClass('less');\n } else {\n $(this).prev('.read-more-hide').addClass('less');\n }\n\n $(this).toggleClass('opened');\n $(this).prev('.read-more-hide').find('.moreellipses').toggle();\n\n $(this)\n .prev('.read-more-hide')\n .find('.morecontent')\n .slideToggle('medium', function () {\n if ($(this).is(':visible')) {\n $(this).css('display', 'inline');\n }\n });\n });\n\n $('.faq-qa-row .question-line').each(function () {\n $(this).click(function () {\n $(this).next().slideToggle(250);\n $(this).find('.faq-btn').toggleClass('opened');\n });\n });\n\n $('.navbar-nav .dropdown a').hover(function () {\n if ($(window).width() > 768) {\n dropdownmenuheight();\n }\n });\n\n document.onclick = function (e) {\n const mobileMenuSearch = document.querySelector('.mobile-menu-search');\n if (mobileMenuSearch && !mobileMenuSearch.contains(e.target)) {\n $('.mobile-menu-search').removeClass('open');\n }\n };\n\n // $('.mobile-menu-search .open-search').click(event => {\n // if ($(window).width() > 767) {\n // if ($('.mobile-menu-search').hasClass('open')) {\n // $('.mobile-menu-search').removeClass('open');\n // } else {\n // $('.mobile-menu-search').addClass('open');\n // }\n // $('#s').focus();\n // }\n // });\n\n $('.mobile-menu-search div .open-search').keydown(function (e) {\n if (e.keyCode === 13 || e.keyCode === 32) {\n $('.mobile-menu-search div .open-search').click();\n return false;\n }\n });\n\n $('.navbar-nav .dropdown a').mouseleave(function () {\n if ($(window).width() > 768 && $(this).siblings('.dropdown-menu').hasClass('mega')) {\n $(this).stop(false, false).fadeOut('fast');\n setTimeout(function () {\n $('.dropdown-menu').removeAttr('style');\n }, 500);\n }\n });\n\n // $('li.dropdown-submenu a span').each(function () {\n // $(this).click(function () {\n // console.log(this);\n // if ($(this).parent().hasClass('open')) {\n // $('.dropdown-submenu ul.dropdown-menu.active').removeClass('active');\n // $('.dropdown-submenu .dropdown-toggle-main-menu.open').removeClass('open');\n // $(this).parent().removeClass('active');\n // $(this).parent().next().removeClass('open');\n // } else {\n // $('.dropdown-submenu ul.dropdown-menu.active').removeClass('active');\n // $('.dropdown-submenu .dropdown-toggle-main-menu.open').removeClass('open');\n // $(this).parent().addClass('open');\n // $('ul.dropdown-submenu').removeClass('active');\n // $(this).parent().next().addClass('active');\n // }\n\n // return false;\n // });\n // });\n\n $('.tabs-menu a').click(function (e) {\n e.preventDefault();\n\n var href = $(this).attr('href');\n\n $(this).parent().addClass('active');\n $(this).parent().siblings().removeClass('active');\n\n $('.tab-content').not(href).css('display', 'none'), $(href).fadeIn(), franchiseTabHeight();\n });\n\n $(document).on('touchstart', '.modal', function (e) {\n if ($('body').hasClass('modal-open')) {\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n return false;\n }\n });\n\n $('.member-description .team-read-more--desktop').on('click', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n var $modalBody = $('.team-member-modal .modal-body');\n var memberType = $('.pers-type').val();\n var ajaxRequest = 'member_id=' + $(this).attr('rel') + '&action=load_member_modal&type=' + memberType;\n\n $modalBody.html('');\n\n $.post(ajaxurl, ajaxRequest, function (response) {\n $modalBody.html(response);\n $('#team-member-modal').modal('show');\n });\n });\n\n $('.member_responsive .team-read-more').on('click', function (e) {\n e.preventDefault();\n\n $(this).fadeOut('400', function () {\n // Wait til fadeout completes\n $(this)\n .parent()\n .find('.expanded-text')\n .each(function () {\n $(this).fadeIn();\n });\n });\n });\n\n $('.member_responsive .team-read-less').on('click', function (e) {\n e.preventDefault();\n\n $(this)\n .parent()\n .fadeOut('400', function () {\n // Wait til fadeout completes\n $('a.team-read-more').fadeIn();\n });\n });\n\n $('select[name=\"state\"]').on('change', function () {\n var city = $('input[name=\"city\"]').val(),\n state = $(this).val();\n\n if (state) {\n dataLayer.push({\n cityState: city ? city + ', ' + state : state,\n });\n }\n });\n\n $('html').on('click', '.location-finder form[name=\"lf-form\"] button', function () {\n dataLayer.push({\n event: 'locationFinder',\n locationFinderTerm: $('.location-finder input[name=\"lf\"].lf').val(),\n });\n });\n\n $('.consultation-search-button').on('click', function (e) {\n e.preventDefault();\n\n $(this).parent().slideUp(250);\n $('.consultation-search-form').slideDown(550);\n });\n\n if ($('.cookie-location').length > 0) {\n $('.top-nav').addClass('selected-location');\n }\n\n $('.cookie-location').on('click', function (e) {\n e.preventDefault();\n\n $(this).slideUp(250);\n $('.location-finder.change').fadeIn();\n });\n\n $('.showroom-search .showroom-cookie a').on('click', function (e) {\n // e.preventDefault();\n\n $('.showroom-search .showroom-finder.change').fadeIn(150).css('display', 'table-cell');\n // $(this).parent().fadeOut(100);\n });\n\n $('.aside-showroom-search .showroom-cookie a').on('click', function (e) {\n e.preventDefault();\n\n $('.aside-showroom-search .showroom-finder.change').fadeIn(150);\n $(this).parent().fadeOut(100);\n });\n\n $('.faq-showroom-search .showroom-cookie a').on('click', function (e) {\n e.preventDefault();\n\n $('.faq-showroom-search .showroom-finder.change').fadeIn(150);\n $(this).parent().hide();\n });\n\n if ($(window).width() < 768 && $(window).scrollTop() > 0) {\n $('body').hasClass('not-small') || $('body').addClass('fixed-mobile');\n } else if ($(window).width() < 768) {\n $('body').removeClass('fixed-mobile');\n } else {\n $('.about_location_request_wrapper a').attr('href', 'javascript:;');\n }\n\n $('.room_filter_client_stories').on('change', function () {\n var roomID = $(this).val(),\n ajaxData = 'roomId=' + roomID + '&action=filter_client_stories';\n\n $('.filter-loader').show();\n\n $.post(ajaxurl, ajaxData, function (res) {\n $('.filter_load').html(res);\n $('.filter-loader').hide();\n });\n\n return false;\n });\n\n var urlVal = window.location.hash.substr(1);\n\n if (urlVal) {\n var ajaxData = 'roomId=' + urlVal + '&action=filter_client_stories';\n $('.room_filter_client_stories').val(urlVal);\n\n $('.filter-loader').show();\n\n $.post(ajaxurl, ajaxData, function (res) {\n $('.filter_load').html(res);\n $('.filter-loader').hide();\n });\n }\n\n if ($('body').is('.page-template-template-homepage, .page-template-template-homepage-august')) {\n var homeHeroSlider = '.hero-slider-section .connected-carousels .slick-slider-stage';\n var sliderPrev = '.hero-slider-section .carousel-stage.slick-slider .slick-prev';\n\n $(homeHeroSlider).slick({\n accessibility: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n initialSlide: 0,\n centerMode: false,\n adaptiveHeight: false,\n draggable: false,\n swipe: false,\n arrows: false,\n autoplay: true,\n autoplaySpeed: 5000,\n });\n\n $(homeHeroSlider).on('init', function () {\n $(sliderPrev).addClass('hide');\n });\n\n $(homeHeroSlider).on('afterChange', function (event, child, data) {\n if (0 == data) {\n $(sliderPrev).addClass('hide');\n } else {\n $(sliderPrev).removeClass('hide');\n }\n });\n\n $(homeHeroSlider).on('init', function () {\n createCarouselArrows(homeHeroSlider);\n });\n\n // update lazy load for ajax images\n if (lazyLoadInstance) {\n lazyLoadInstance.update();\n }\n }\n\n if ($('body').hasClass('page-template-template-story')) {\n var sliderStage = '.story-ba-slider .connected-carousels .slick-slider-stage';\n\n $(sliderStage).slick({\n accessibility: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n initialSlide: 0,\n centerMode: false,\n adaptiveHeight: false,\n draggable: false,\n swipe: false,\n arrows: false,\n autoplay: false,\n autoplaySpeed: 6e4,\n });\n\n $(sliderStage).on('init', function () {\n createCarouselArrows(sliderStage);\n\n $(sliderStage)\n .find(\"[data-slick-index='0'] .twentytwenty-container\")\n .each(function () {\n if ($(this).height() == 0) {\n $(this).twentytwenty();\n }\n });\n });\n\n $(sliderStage).on('beforeChange', function (event, slick, currentSlide, nextSlide) {\n $(sliderStage)\n .find(\"[data-slick-index='\" + nextSlide + \"'] .twentytwenty-container\")\n .each(function () {\n if ($(this).height() == 0) {\n $(this).twentytwenty();\n }\n });\n });\n }\n\n setTimeout(function () {\n selectCountryFormat(false);\n }, 2000);\n});\n\n$(window).resize(function () {\n clearTimeout(window.resizedFinished);\n\n window.resizedFinished = setTimeout(function () {\n franchiseTabHeight();\n }, 250);\n\n detaillistheight();\n rfMobile();\n\n if (window.innerWidth > 767) {\n const navBarCollapse = document.querySelector('.navbar-collapse');\n const lowerNav = document.querySelector('.lower-nav');\n navBarCollapse?.classList.add('collapse');\n document.body.classList.remove('lock-position', 'mobile-menu-open');\n if (navBarCollapse && lowerNav) {\n if (lowerNav.style.maxHeight) {\n lowerNav.style.maxHeight = null;\n }\n }\n }\n});\n\n$(window).on('orientationchange', function () {\n detaillistheight();\n});\n\n$(window).error(function () {\n setTimeout(function () {\n $('.homepage-new-template .ba-sections').removeClass('hideContent');\n\n if ($('.homepage-new-template .slick-slider-stage').length > 0) {\n $('.homepage-new-template .slick-slider-stage').slick('slickPlay');\n }\n }, 5000);\n});\n\n$(document).on('click touchstart', '.rfc-pop-up-form-container.active .close-button', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n $(this).parents('.rfc-pop-up-form-container').removeClass('active');\n\n return false;\n});\n\n$(document).on('click touchstart', '.cta-request *', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n $('.rfc-pop-up-form-container').addClass('active');\n $('.rfc-inner.request-form>.close-button').focus();\n\n return false;\n});\n\nconst mobileNavButton = document.querySelector('.mobile-nav-container');\nconst mobileNavCloseButton = document.querySelector('.mobile-nav-close-button');\n\nconst toggleMobileNav = e => {\n e.stopPropagation();\n e.preventDefault();\n const navBarCollapse = document.querySelector('.navbar-collapse');\n const lowerNav = document.querySelector('.lower-nav');\n const html = document.querySelector('html');\n const mobileMenuOverlay = document.querySelector('.mobile-menu-overlay');\n if (lowerNav.style.maxHeight) {\n lowerNav.style.maxHeight = null;\n } else {\n lowerNav.style.maxHeight = window.innerHeight + 'px';\n }\n if (document.body.classList.contains('lock-position')) {\n navBarCollapse?.classList.add('collapse');\n document.body.classList.remove('lock-position', 'mobile-menu-open');\n lowerNav?.classList.add('slide-out');\n lowerNav?.classList.remove('slide-in');\n html.classList.remove('body-hidden');\n mobileMenuOverlay.classList.remove('active');\n } else {\n navBarCollapse?.classList.remove('collapse');\n document.body.classList.add('lock-position', 'mobile-menu-open');\n lowerNav?.classList.remove('slide-out');\n lowerNav?.classList.add('slide-in');\n html.classList.add('body-hidden');\n mobileMenuOverlay?.classList.add('active');\n }\n};\n\ndocument.addEventListener('click', e => {\n const mobileMenuOverlay = document.querySelector('.mobile-menu-overlay');\n if (e.target === mobileMenuOverlay) {\n toggleMobileNav(e);\n }\n});\n\nwindow.addEventListener('orientationchange', event => {\n if (event.target.screen.orientation.angle === 90 && window.innerWidth >= 767) {\n const navBarCollapse = document.querySelector('.navbar-collapse');\n const lowerNav = document.querySelector('.lower-nav');\n const html = document.querySelector('html');\n const mobileMenuOverlay = document.querySelector('.mobile-menu-overlay');\n mobileNavDropDownButtons.forEach(mobileNavDropDownButton => {\n if (mobileNavDropDownButton.parentNode) {\n mobileNavDropDownButton.parentNode.classList.remove('open');\n }\n });\n navBarCollapse?.classList.add('collapse');\n document.body.classList.remove('lock-position', 'mobile-menu-open');\n lowerNav?.classList.remove('slide-out');\n lowerNav?.classList.remove('slide-in');\n html.classList.remove('body-hidden');\n mobileMenuOverlay?.classList.remove('active');\n }\n});\n\nif (mobileNavButton && mobileNavCloseButton) {\n mobileNavButton.addEventListener('click', e => toggleMobileNav(e));\n mobileNavCloseButton.addEventListener('click', e => toggleMobileNav(e));\n}\n\nconst lowerNav = document.querySelector('.lower-nav');\n\nif (lowerNav) {\n lowerNav.addEventListener('animationend', () => lowerNav.classList.toggle('slide-end'));\n}\n\nconst mobileNavDropDownButtons = document.querySelectorAll('.navbar-nav li.menu-item > button.glyphicon');\n\nif (mobileNavDropDownButtons) {\n const loadOpenState = mobileNavDropDownButtons => {\n const li = mobileNavDropDownButtons[0]?.parentNode;\n\n if (mobileNavDropDownButtons) {\n mobileNavDropDownButtons.forEach(mobileNavDropDownButton => {\n const li = mobileNavDropDownButton.parentNode;\n if (li?.classList.contains('menu-item-has-children')) {\n const controlText = li.children[0].textContent.trim().toLowerCase().replace(' ', '-');\n mobileNavDropDownButton.setAttribute('aria-controls', controlText);\n mobileNavDropDownButton.setAttribute('aria-label', `${controlText} open button`);\n mobileNavDropDownButton.setAttribute('aria-expanded', 'false');\n li.children[2].setAttribute('id', controlText);\n }\n });\n }\n\n if (li?.classList.contains('menu-item-has-children')) {\n li.classList.add('open');\n mobileNavDropDownButtons[0].setAttribute('aria-expanded', 'true');\n }\n };\n\n if (document.readyState !== 'loading') {\n if (window.innerWidth <= 767) {\n loadOpenState(mobileNavDropDownButtons);\n }\n } else {\n window.addEventListener(\n 'DOMContentLoaded',\n () => {\n if (window.innerWidth <= 767) {\n loadOpenState(mobileNavDropDownButtons);\n }\n },\n true\n );\n }\n\n // Add event listeners to menu buttons.\n // Removed connection to bootstrap.\n mobileNavDropDownButtons.forEach(mobileNavDropDownButton => {\n mobileNavDropDownButton.addEventListener('click', e => {\n if (e.target.parentNode.classList.contains('open')) {\n e.target.parentNode.classList.remove('open');\n e.target.setAttribute('aria-expanded', 'false');\n } else {\n mobileNavDropDownButtons.forEach(mobileNavDropDownButton => {\n if (mobileNavDropDownButton.parentNode) {\n mobileNavDropDownButton.parentNode.classList.remove('open');\n mobileNavDropDownButton.setAttribute('aria-expanded', 'false');\n }\n });\n if (mobileNavDropDownButton.parentNode.classList.contains('menu-item-has-children')) {\n mobileNavDropDownButton.parentNode.classList.toggle('open');\n mobileNavDropDownButton.setAttribute(\n 'aria-expanded',\n mobileNavDropDownButton.getAttribute('aria-expanded') === 'true' ? 'false' : 'true'\n );\n }\n }\n });\n });\n\n const resizeFunc = () => {\n if (window.innerWidth >= 767) {\n mobileNavDropDownButtons?.forEach(mobileNavDropDownButton => {\n const li = mobileNavDropDownButton?.parentNode;\n li?.classList.remove('open');\n });\n const lowerNav = document.querySelector('.lower-nav');\n if (lowerNav) {\n lowerNav.classList.remove('slide-out');\n lowerNav.classList.remove('slide-in');\n }\n const mobileMenuOverlay = document.querySelector('.mobile-menu-overlay');\n if (mobileMenuOverlay) {\n mobileMenuOverlay.classList.remove('active');\n }\n const navBarCollapse = document.querySelector('.navbar-collapse');\n const html = document.querySelector('html');\n navBarCollapse?.classList.add('collapse');\n document.body.classList.remove('lock-position', 'mobile-menu-open');\n html.classList.remove('body-hidden');\n } else {\n const li = mobileNavDropDownButtons[0]?.parentNode;\n if (li) {\n if (li.classList.contains('menu-item-has-children')) {\n li.classList.add('open');\n }\n }\n }\n };\n\n window.addEventListener('resize', resizeFunc);\n}\n\nconst mobileNavSubDropDownButtons = document.querySelectorAll(\n '.navbar-nav li.menu-item .dropdown-submenu > button.glyphicon'\n);\n\nif (mobileNavSubDropDownButtons) {\n const loadOpenState = mobileNavSubDropDownButtons =>\n mobileNavSubDropDownButtons.forEach(mobileNavSubDropDownButton => {\n const parent = mobileNavSubDropDownButton.parentNode;\n if (parent.childNodes[4]) {\n if (parent) {\n parent.classList.add('has-sub-children');\n const controlText = parent.children[0].textContent.trim().toLowerCase().replace(' ', '-');\n mobileNavSubDropDownButton.setAttribute('aria-controls', controlText);\n mobileNavSubDropDownButton.setAttribute('aria-label', `${controlText} open button`);\n mobileNavSubDropDownButton.setAttribute('aria-expanded', 'false');\n parent.children[2].setAttribute('id', controlText);\n }\n } else {\n mobileNavSubDropDownButton.style.display = 'none';\n }\n });\n\n if (document.readyState !== 'loading') {\n loadOpenState(mobileNavSubDropDownButtons);\n } else {\n window.addEventListener(\n 'DOMContentLoaded',\n () => {\n loadOpenState(mobileNavSubDropDownButtons);\n },\n true\n );\n }\n\n // Add event listeners to menu buttons.\n // Removed connection to bootstrap.\n mobileNavSubDropDownButtons.forEach(mobileNavSubDropDownButton => {\n mobileNavSubDropDownButton.addEventListener('click', e => {\n if (e.target.parentNode.childNodes[4].classList.contains('active')) {\n e.target.parentNode.childNodes[4].classList.remove('active');\n e.target.parentNode.classList.remove('open');\n e.target.setAttribute('aria-expanded', 'false');\n } else {\n mobileNavSubDropDownButtons.forEach(mobileNavSubDropDownButton => {\n if (mobileNavSubDropDownButton.parentNode) {\n mobileNavSubDropDownButton.parentNode.classList.remove('open');\n mobileNavSubDropDownButton.setAttribute('aria-expanded', 'false');\n }\n if (mobileNavSubDropDownButton.parentNode.childNodes[4]) {\n mobileNavSubDropDownButton.parentNode.childNodes[4].classList.remove('active');\n }\n });\n if (mobileNavSubDropDownButton.parentNode.classList.contains('has-sub-children')) {\n mobileNavSubDropDownButton.parentNode.classList.toggle('open');\n mobileNavSubDropDownButton.setAttribute(\n 'aria-expanded',\n mobileNavSubDropDownButton.getAttribute('aria-expanded') === 'true' ? 'false' : 'true'\n );\n }\n if (mobileNavSubDropDownButton.parentNode.childNodes[4]) {\n mobileNavSubDropDownButton.parentNode.childNodes[4].classList.toggle('active');\n }\n }\n });\n });\n}\nconst mobileLocationFinder = document.querySelector('.mobile-location-finder');\nconst mobileLocationFinderCloseButton = document.querySelector('.mobile-header .mobile-location-finder button.close');\nconst mobileLocationFinderOpenButton = document.querySelector('.mobile-header .mobile-search a');\nconst mobileLocationForm = document.querySelector('.mobile-form');\n\nif (mobileLocationFinderCloseButton) {\n mobileLocationFinderCloseButton.addEventListener('click', e => {\n e.stopPropagation();\n e.preventDefault();\n document.body.classList.remove('not-small');\n if (mobileLocationFinder) {\n mobileLocationFinder.style.display = 'none';\n }\n if (mobileLocationForm) {\n mobileLocationForm.style.display = 'block';\n }\n });\n}\n\nif (mobileLocationFinderOpenButton) {\n mobileLocationFinderOpenButton.addEventListener('click', e => {\n e.stopPropagation();\n e.preventDefault();\n document.body.classList.add('not-small');\n if (mobileLocationFinder) {\n mobileLocationFinder.style.display = 'block';\n }\n if (mobileLocationForm) {\n mobileLocationForm.style.display = 'none';\n }\n });\n}\n\n$(document).on('scrollend', function () {\n if ($(window).scrollTop() > 0) {\n $('body').hasClass('not-small') || $('body').addClass('fixed-mobile');\n } else {\n $('body').removeClass('fixed-mobile');\n }\n});\n\n$(document).on('tap', 'body', function (e) {\n if (is_touch_device()) {\n e.stopPropagation();\n\n if (\n e.target.dataset.mobile === undefined &&\n !$(e.target).hasClass('dropdown-menu') &&\n $(e.target).parents('.dropdown-menu').length == 0 &&\n !$(e.target.lastChild).hasClass('pac-logo') &&\n $(e.target).parents('.pac-logo').length == 0\n ) {\n $('[data-mobile]').attr('data-mobile', 'true').siblings('ul.megamenu').css({\n display: '',\n });\n }\n }\n});\n\n$(document).on('click tap', '.btn.go-to-showrooms', function (e) {\n if ($('.location-list').length > 0) {\n e.preventDefault();\n e.stopPropagation();\n\n $('html, body')\n .stop()\n .animate({\n scrollTop: $('.location-list').position().top,\n });\n\n return false;\n }\n});\n\n$(document).on('click tap', '.about_location span a', function () {\n $('html, body')\n .stop()\n .animate({\n scrollTop: $($(this).attr('href')).position().top - 70,\n });\n});\n\n$(document).on('click touchstart', '.about_location_request_wrapper *', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n if ($(window).width() > 767) {\n $('.rfc-pop-up-form-container').addClass('active');\n return false;\n }\n});\n\n//hide/show hero rfc on OLS dropdown form interaction\n$('.ols-dropdown-form')\n .closest('.dropdown')\n .on('show.bs.dropdown', function () {\n $('.hero__form-section').addClass('hide').removeClass('show');\n })\n .on('hide.bs.dropdown', function () {\n $('.hero__form-section').addClass('show').removeClass('hide');\n });\n\n// Open UserCentrics modal\n$(document).on('click', '.uc_privacy_link', function (e) {\n e.preventDefault();\n window.UC_UI.showSecondLayer();\n});\n"]}