' + place.name + '' + address);\r\n self.infowindow.open(self.map, marker);\r\n};\r\n\r\nNHS.Scripts.GoogleMapApi.prototype.iconAutoComplite = function(place) {\r\n var icon = {\r\n url: place.icon,\r\n size: new google.maps.Size(71, 71),\r\n origin: new google.maps.Point(0, 0),\r\n anchor: new google.maps.Point(17, 34),\r\n scaledSize: new google.maps.Size(35, 35)\r\n };\r\n return icon;\r\n};\r\n\r\nNHS.Scripts.GoogleMapApi.prototype.createControles = function() {\r\n var self = this;\r\n var map = document.getElementById(self.options.MapOptions.ContainerName);\r\n var newNode = jQuery('
')[0];\r\n map.parentNode.insertBefore(newNode, map.nextSibling);\r\n return document.getElementById('pac-input');\r\n};\r\n\r\n // Sets a listener on a radio button to change the filter type on Places\r\n // Autocomplete.\r\nNHS.Scripts.GoogleMapApi.prototype.initializeAutoCompleteControles = function(autocomplete) {\r\n var self = this;\r\n jQuery(\"#changetype-all\").change(function() {\r\n autocomplete.setTypes([]);\r\n });\r\n\r\n jQuery(\"#changetype-establishment\").change(function() {\r\n autocomplete.setTypes(['establishment']);\r\n });\r\n\r\n jQuery(\"#changetype-geocode\").change(function() {\r\n autocomplete.setTypes(['geocode']);\r\n });\r\n var input = document.getElementById('pac-input');\r\n var types = document.getElementById('type-selector');\r\n self.map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);\r\n self.map.controls[google.maps.ControlPosition.TOP_LEFT].push(types);\r\n};","/**\r\n * Gallery prototype definition\r\n *\r\n * @public\r\n * @param {Element} context Gallery context Element\r\n * @param {String[]} images Images URLs\r\n */\r\n\r\ngalleryInit = function (context, images) {\r\n \"use strict\";\r\n\r\n var gallery = this,\r\n passive = {\r\n passive: true\r\n },\r\n\r\n\r\n /*** Methods ***/\r\n\r\n /**\r\n * Sets a value to an Attribute of an Element\r\n * \r\n * @private\r\n * @param {Element} elm Element\r\n * @param {String} attr Attribute's name\r\n * @param {String} value Value to set\r\n */\r\n setAttr = function(elm, attr, value) {\r\n elm.setAttribute(attr, value);\r\n },\r\n\r\n /**\r\n * Gets an Attribute value from an Element\r\n * \r\n * @private\r\n * @param {Element} elm Element\r\n * @param {String} attr Attribute's name\r\n * @return {Any} Attribute's value\r\n */\r\n getAttr = function(elm, attr) {\r\n return elm.getAttribute(attr);\r\n },\r\n\r\n /**\r\n * Removes the value of an Element's Attribute\r\n * \r\n * @private\r\n * @param {Element} elm Element\r\n * @param {String} attr Attribute's name\r\n */\r\n removeAttr = function(elm, attr) {\r\n elm.removeAttribute(attr);\r\n },\r\n\r\n /**\r\n * Checks if a given element contains a class\r\n * \r\n * @private\r\n * @param {Element} elm Element\r\n * @param {String} className Class name to find\r\n * @return {Boolean} Result\r\n */\r\n hasClass = function(elm, className) {\r\n return elm.classList.contains(className);\r\n },\r\n\r\n /**\r\n * Inserts an Element relative to another using a given position\r\n * \r\n * @private\r\n * @param {Element} nElm Element to insert\r\n * @param {String} pos Position to use\r\n * @param {Element} ref Reference Element\r\n */\r\n insertAt = function(nElm, pos, ref) {\r\n ref.insertAdjacentElement(pos, nElm);\r\n },\r\n\r\n\r\n /**\r\n * Adds a Event Listener to an Element\r\n * \r\n * @private\r\n * @param {Element | Element[]} elm Element\r\n * @param {String} eventName Event's name\r\n * @param {Function} fn Function to execute each time the event is triggered\r\n * @param {any} options Add Event Listener method available options (See Mozilla Developers Documentation for more info.)\r\n */\r\n addEvent = function(elm, eventName, fn, options) {\r\n if (!Array.isArray(elm)) {\r\n elm.addEventListener(eventName, fn, options);\r\n return;\r\n }\r\n\r\n for (var i = 0; i < elm.length; ++i) {\r\n elm[i].addEventListener(eventName, fn, options);\r\n }\r\n },\r\n\r\n /**\r\n * Gets the Touch object from a TouchEvent object\r\n * \r\n * @private\r\n * @param {TouchEvent} event TouchEvent\r\n * @return {Touch} Touch\r\n */\r\n getTouch = function(event) {\r\n return event.touches[0] || event.changedTouches[0];\r\n },\r\n\r\n /**\r\n * Gets the Id of a Touch\r\n * \r\n * @private\r\n * @param {Touch} touch Touch\r\n * @return {Number} Id\r\n */\r\n getTouchId = function(touch) {\r\n return touch.identifier;\r\n },\r\n\r\n /**\r\n * Gets the Touch's X value\r\n * \r\n * @private\r\n * @param {Touch} touch Touch\r\n * @return {Number} X value\r\n */\r\n getTouchX = function(touch) {\r\n return touch.screenX;\r\n },\r\n\r\n /**\r\n * Sets an X value to an Image\r\n * \r\n * @private\r\n * @param {Image} img Image\r\n * @param {Number} x X value\r\n */\r\n setImgX = function(img, x) {\r\n img.style.transform = \"translateX(\" + x + \"px) translateY(-50%)\";\r\n },\r\n\r\n /**\r\n * Gets the X value of an Image\r\n * \r\n * @private\r\n * @param {Image} img Image\r\n * @return {Number} X value\r\n */\r\n getImgX = function(img) {\r\n if (img.style.transform) {\r\n var match = img.style.transform.match(/-?\\d+/);\r\n return match[0] ? parseFloat(match[0]) : 0;\r\n }\r\n return 0;\r\n },\r\n\r\n\r\n /**\r\n * Gets the undefined literal value\r\n * \r\n * @private\r\n * @return {undefined} undefined\r\n */\r\n getUndefined = function() {\r\n return void 0;\r\n },\r\n\r\n /**\r\n * Checks if a given variable is undefined\r\n * \r\n * @private\r\n * @param {Any} variable Variable to check\r\n * @return {Boolean} Result\r\n */\r\n isUndefined = function(variable) {\r\n return variable === getUndefined();\r\n },\r\n\r\n /**\r\n * Sets the animation time of an Image\r\n * \r\n * @private\r\n * @param {Image} img Image\r\n * @param {String} attr Attribute to animate\r\n * @param {Number} seconds Time in seconds\r\n */\r\n setAnimationTime = function(img, attr, seconds) {\r\n img.style.transition = attr + \" \" + seconds + \"s\";\r\n },\r\n\r\n /**\r\n * Sets the X movement animation time of the Gallery images\r\n * \r\n * @private\r\n * @param {Number} seconds Time in Seconds \r\n */\r\n setXAnimationTime = function(seconds) {\r\n setAnimationTime(context.querySelector(\".previous\"), \"transform\", seconds);\r\n setAnimationTime(context.querySelector(\".active\"), \"transform\", seconds);\r\n setAnimationTime(context.querySelector(\".next\"), \"transform\", seconds);\r\n },\r\n\r\n /**\r\n * Checks if the given image element is instance of the native Image prototype\r\n *\r\n * @param {Image | HTMLDivElement} img Image Element\r\n * @return {Boolean} Result\r\n */\r\n isImage = function(img) {\r\n return (img instanceof Image);\r\n },\r\n\r\n /**\r\n * Gets the associated image of an image\r\n *\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @return {Image | HTMLDivElement} Associated Image\r\n */\r\n getAssociatedImage = function(imgElm) {\r\n return imgElm[(isImage(imgElm) ? \"\" : \"regular\") + \"Image\"];\r\n },\r\n\r\n /**\r\n * Check is the Gallery image in the index\r\n * is of the needed type in order to change it\r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @param {Number} index Gallery Index to check\r\n * @return {Image | HTMLDivElement} Image Element\r\n */\r\n tryToggleImageType = function(imgElm, index) {\r\n var image = gallery.images[index];\r\n if (isImage(imgElm)) {\r\n return imgElm;\r\n } else {\r\n var newImage = getAssociatedImage(imgElm);\r\n imgElm.parentNode.replaceChild(newImage, imgElm);\r\n return newImage;\r\n }\r\n },\r\n\r\n /**\r\n * Sets the source to a regular Image\r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @param {String} src Source\r\n */\r\n setSrc = function(imgElm, src) {\r\n if (imgElm && src) {\r\n setAttr(imgElm, (isImage(imgElm) ? \"\" : \"data-\") + \"src\", src);\r\n }\r\n },\r\n\r\n /**\r\n * Sets the sourceset to a regular Image \r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @param {String} srcset Source set\r\n */\r\n setSrcset = function (imgElm, srcset) {\r\n if (imgElm && srcset) {\r\n setAttr(imgElm, (isImage(imgElm) ? \"\" : \"data-\") + \"srcset\", srcset);\r\n }\r\n },\r\n\r\n /**\r\n * Sets the size to a regular Image \r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @param {String} srcset Source set\r\n */\r\n setSizes = function (imgElm, sizes) {\r\n if (imgElm && sizes) {\r\n setAttr(imgElm, \"sizes\", sizes);\r\n }\r\n },\r\n\r\n setPosition = function (imgElm, position) {\r\n if (imgElm && position) {\r\n setAttr(imgElm, \"data-position\", position);\r\n }\r\n },\r\n\r\n setCollection = function (imgElm, collection) {\r\n if (imgElm && collection) {\r\n setAttr(imgElm, \"data-collection\", collection);\r\n }\r\n },\r\n\r\n setImgId = function (imgElm, id) {\r\n if (imgElm && id) {\r\n setAttr(imgElm, \"data-image-id\", id);\r\n }\r\n },\r\n\r\n /**\r\n * Sets the alternative text or title to a regular Image\r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} imgElm Image Element\r\n * @param {String} alt Alt text\r\n */\r\n setAlt = function(imgElm, alt) {\r\n if (imgElm && alt) {\r\n setAttr(imgElm, (isImage(imgElm) ? \"alt\" : \"title\"), alt);\r\n }\r\n },\r\n\r\n\r\n /**\r\n * If the image to show its a floor plan, we apply a class that fits it in the given container | BDXNHS-3125\r\n * \r\n * @private\r\n \r\n * @param {Boolean} isNext if the user clicked the right arrow > in the home detail\r\n * @param {Number} imageIndex represents the index of the next image to show in the image array\r\n * @param {HTMLImageElement} nextImg represents the next image in the gallery \r\n */\r\n setFloorPlanClass = function (isNext, imageIndex, nextImg) {\r\n var isPortraitImage = nextImg.naturalHeight > nextImg.naturalWidth;\r\n var selector = isNext ? \".next\" : \".previous\";\r\n var imagesArray = gallery.images;\r\n var newActiveImage = document.querySelector(\"#gallery \" + selector);\r\n\r\n if (!newActiveImage) return;\r\n\r\n if (imagesArray[imageIndex].isFloorPlan && !newActiveImage.classList.contains(\"nhs_floorPlanFit\") || isPortraitImage) {\r\n newActiveImage.classList.add(\"nhs-c-image--vertical\");\r\n }\r\n\r\n },\r\n\r\n \r\n /**\r\n * Moves the Gallery to the Next image\r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} prevImg Previous Image\r\n * @param {Image | HTMLDivElement} activeImg Active Image \r\n * @param {Image | HTMLDivElement} nextImg Next Image\r\n */\r\n goNext = function(prevImg, activeImg, nextImg) {\r\n var images = gallery.images;\r\n index = ((index + 1) === images.length) ? 0 : (index + 1); // Update Index\r\n\r\n /**\r\n * Clean Previous image src since it will become the Next image\r\n * else when changing it to Next image it won't update\r\n * its look until the new image has been loaded\r\n */\r\n if (isImage(prevImg)) {\r\n setAttr(prevImg, \"srcset\", \"\");\r\n setAttr(prevImg, \"src\", \"\");\r\n }\r\n\r\n /**\r\n * Change the Previous image to become the Next image\r\n */\r\n var newNextIndex = ((index + 1) === images.length) ? 0 : (index + 1);\r\n\r\n prevImg = tryToggleImageType(prevImg, newNextIndex);\r\n\r\n setSizes(prevImg, images[newNextIndex].sizes);\r\n setSrcset(prevImg, images[newNextIndex].Srcset);\r\n setSrc(prevImg, images[newNextIndex].url);\r\n setAlt(prevImg, images[newNextIndex].alt);\r\n var positionImageCollection = images[newNextIndex].position;\r\n var collectionName = images[newNextIndex].collection;\r\n var id = images[newNextIndex].id;\r\n\r\n if (collectionName && typeof positionImageCollection != \"undefined\") {\r\n setPosition(prevImg, positionImageCollection);\r\n setCollection(prevImg, collectionName);\r\n setImgId(prevImg, id);\r\n }\r\n\r\n setFloorPlanClass(true, index, nextImg);\r\n\r\n /**\r\n * Update images relations\r\n * Current Next -> New Active\r\n * Current Active -> New Previous\r\n * Current Previous -> New Next\r\n */\r\n\r\n setAttr(nextImg, \"class\", getAttr(nextImg, \"class\").replace(\"next\", \"active\").replace('nhs-u-opacity-0', ''));\r\n setAttr(activeImg, \"class\", getAttr(activeImg, \"class\").replace(\"active\", \"previous nhs-u-opacity-0\"));\r\n setAttr(prevImg, \"class\", getAttr(prevImg, \"class\").replace(\"previous\", \"next\"));\r\n setAttr(prevImg, \"class\", getAttr(prevImg, \"class\").replace(\"active\", \"next\"));\r\n\r\n nextImg.dataset.segmentEvent = \"true\";\r\n nextImg.dataset.segmentEventEvent = \"Gallery Viewer Opened\";\r\n nextImg.dataset.segmentEventMedia_type = images[index].collection;\r\n nextImg.dataset.event = \"true\";\r\n nextImg.dataset.iscomm = activeImg.dataset.iscomm;\r\n nextImg.dataset.ga4EventName = 'gallery_detail_pages';\r\n nextImg.dataset.ga4EventClick_target = 'Gallery Popup Open';\r\n\r\n var segmentEvent = {\r\n eventType: 'segmentEvent',\r\n media_type: nextImg.dataset.segmentEventMedia_type,\r\n image_url: nextImg.src,\r\n image_sequence: images[index].position + 1,\r\n image_type: nextImg.dataset.segmentEventMedia_type,\r\n event: nextImg.dataset.iscomm === \"False\"\r\n ? 'Home Image Displayed'\r\n : 'Community Image Displayed',\r\n };\r\n\r\n document.body.dispatchEvent &&\r\n document.body.dispatchEvent(new CustomEvent(\"trackOnDemandEvent\", {\r\n detail: { data: segmentEvent }\r\n }));\r\n\r\n onChange(index, images[index]); // Run onChange event\r\n },\r\n\r\n /**\r\n * Moves the Gallery to the Previous image\r\n * \r\n * @private\r\n * @param {Image | HTMLDivElement} prevImg Previous Image\r\n * @param {Image | HTMLDivElement} activeImg Active Image \r\n * @param {Image | HTMLDivElement} nextImg Next Image\r\n */\r\n goPrev = function(prevImg, activeImg, nextImg) {\r\n var images = gallery.images;\r\n index = index - 1 < 0 ? images.length - 1 : index - 1; // Update Index\r\n\r\n /**\r\n * Clean Next image src since it will become the Previous image\r\n * else when changing it to Previous image it won't update\r\n * its look until the new image has been loaded\r\n */\r\n if (isImage(prevImg)) {\r\n setAttr(nextImg, \"srcset\", \"\");\r\n setAttr(nextImg, \"src\", \"\");\r\n }\r\n\r\n /**\r\n * Change the Next image to become the Previous image\r\n */\r\n var newPrevIndex = index - 1 < 0 ? images.length - 1 : index - 1;\r\n\r\n nextImg = tryToggleImageType(nextImg, newPrevIndex);\r\n\r\n setSizes(nextImg, images[newPrevIndex].sizes);\r\n setSrcset(nextImg, images[newPrevIndex].Srcset);\r\n setSrc(nextImg, images[newPrevIndex].url);\r\n setAlt(nextImg, images[newPrevIndex].alt);\r\n var positionImageCollection = images[newPrevIndex].position;\r\n var collectionName = images[newPrevIndex].collection;\r\n var id = images[newPrevIndex].id;\r\n\r\n if (typeof positionImageCollection != \"undefined\" && collectionName) {\r\n setPosition(nextImg, images[newPrevIndex].position);\r\n setCollection(nextImg, images[newPrevIndex].collection);\r\n setImgId(nextImg, id);\r\n }\r\n\r\n setFloorPlanClass(false, index, nextImg);\r\n\r\n /*\r\n * Update images relations\r\n * Current Previous -> New Active\r\n * Current Active ->New Next\r\n * Current Next -> New Previous\r\n */\r\n setAttr(prevImg, \"class\", getAttr(prevImg, \"class\").replace(\"previous\", \"active\").replace('nhs-u-opacity-0', '') );\r\n setAttr(activeImg, \"class\", getAttr(activeImg, \"class\").replace(\"active\", \"next nhs-u-opacity-0\") );\r\n setAttr(nextImg, \"class\", getAttr(nextImg, \"class\").replace(\"next\", \"previous\") );\r\n setAttr(nextImg, \"class\", getAttr(nextImg, \"class\").replace(\"active\", \"previous\"));\r\n\r\n prevImg.dataset.segmentEvent = \"true\";\r\n prevImg.dataset.segmentEventEvent = \"Gallery Viewer Opened\";\r\n prevImg.dataset.segmentEventMedia_type = images[index].collection;\r\n prevImg.dataset.event = \"true\";\r\n prevImg.dataset.iscomm = activeImg.dataset.iscomm;\r\n prevImg.dataset.ga4EventName = 'gallery_detail_pages';\r\n prevImg.dataset.ga4EventClick_target = 'Gallery Popup Open';\r\n\r\n var segmentEvent = {\r\n eventType: 'segmentEvent',\r\n media_type: prevImg.dataset.segmentEventMedia_type,\r\n image_url: prevImg.src,\r\n image_sequence: images[index].position + 1,\r\n image_type: prevImg.dataset.segmentEventMedia_type,\r\n event: prevImg.dataset.iscomm === \"False\"\r\n ? 'Home Image Displayed'\r\n : 'Community Image Displayed',\r\n };\r\n\r\n document.body.dispatchEvent &&\r\n document.body.dispatchEvent(new CustomEvent(\"trackOnDemandEvent\", {\r\n detail: { data: segmentEvent }\r\n }));\r\n\r\n onChange(index, images[index]); // Run onChange event\r\n },\r\n\r\n /**\r\n * Sets the touchId property if this is undefined\r\n * using the Touch of a TouchEvent and reduces\r\n * the animation time of the Gallery to the minimum possible value\r\n * \r\n * @private\r\n * @param {TouchEvent} event TouchEvent \r\n */\r\n registerTouch = function(event) {\r\n if (!(isUndefined(touchId) && isUndefined(lastX) && touches === 0) || changeRunning) return;\r\n touches++;\r\n var touch = getTouch(event);\r\n touchId = getTouchId(touch);\r\n lastX = getTouchX(touch);\r\n setXAnimationTime(0);\r\n },\r\n\r\n /**\r\n * Executes a go Function a certain amount of times\r\n * \r\n * @private \r\n * @param {Function} goFn Go Function\r\n * @param {Number} times Times to repeat\r\n */\r\n go = function(goFn, times) {\r\n if (isUndefined(times) || isNaN(times)) {\r\n times = 1;\r\n }\r\n\r\n var previous = context.querySelector(\".previous\");\r\n var active = context.querySelector(\".active\");\r\n var next = context.querySelector(\".next\");\r\n\r\n goFn(previous, active, next);\r\n times--;\r\n if (times) {\r\n setTimeout(function() {\r\n go(goFn, times);\r\n },\r\n 500);\r\n }\r\n },\r\n\r\n /**\r\n * Defines a property to an Object\r\n * \r\n * @private \r\n * @param {String} propName Property name\r\n * @param {Function} getter Getter function\r\n * @param {Function} setter Setter function\r\n */\r\n defineProp = function(propName, getter, setter) {\r\n Object.defineProperty(gallery,\r\n propName,\r\n {\r\n get: getter,\r\n set: setter\r\n });\r\n },\r\n\r\n cleanStyles = function() {\r\n for (var i = 0; i < arguments.length; i++) {\r\n removeAttr(arguments[i], \"style\");\r\n }\r\n },\r\n setCssVar = function(cssVarName, value) {\r\n document.documentElement.style.setProperty(cssVarName, value);\r\n };\r\n\r\n\r\n var index = 0, \r\n touches = 0,\r\n touchId = getUndefined(),\r\n changeRunning = !1,\r\n lastX = getUndefined(),\r\n onChange = function(){};\r\n\r\n gallery.images = images;\r\n\r\n (function () {\r\n\r\n /*** Events Binding ***/\r\n var bindEvents = function () {\r\n \r\n /*** Controls Events Binding ***/\r\n var controls = Array.from(context.querySelectorAll(\".control\"));\r\n\r\n controls.forEach(function(control) {\r\n addEvent(control, \"click\", function () {\r\n /**\r\n * If There's any touch hold or a image change running do nothing\r\n */\r\n if (!isUndefined(touchId) || changeRunning) return;\r\n var previousImg = context.querySelector(\".previous\"),\r\n activeImg = context.querySelector(\".active\"),\r\n nextImg = context.querySelector(\".next\");\r\n\r\n /**\r\n * Change Visual properties in a Request Animation Frame callback\r\n * to wait until all the visual properties has been changed to\r\n * let the browser perform a paint\r\n */\r\n requestAnimationFrame(function () {\r\n removeAttr(previousImg, \"style\");\r\n removeAttr(activeImg, \"style\");\r\n removeAttr(nextImg, \"style\");\r\n if (hasClass(control, \"next\")) {\r\n goNext(previousImg, activeImg, nextImg);\r\n } else if (hasClass(control, \"previous\")) {\r\n goPrev(previousImg, activeImg, nextImg);\r\n }\r\n\r\n var newPreviousImg = context.querySelector(\".previous\");\r\n var newNextImg = context.querySelector(\".next\");\r\n\r\n });\r\n\r\n /**\r\n * Block change execution while the animation is being performed\r\n * so that the images do not overlap each other\r\n */\r\n changeRunning = true;\r\n setTimeout(function () {\r\n changeRunning = false;\r\n activeImg.classList.remove(\"nhs_floorPlanFitTransitionNext\");\r\n activeImg.classList.remove(\"nhs_floorPlanFitTransitionPrev\");\r\n }, 500);\r\n\r\n });\r\n });\r\n\r\n /*** Touch Events Binding ***/\r\n\r\n var imageElems = context.querySelectorAll(\"img.active,img.previous,img.next,.o-viewer.active,.o-viewer.previous,.o-viewer.next\");\r\n\r\n for (var i = 0; i < imageElems.length; ++i) {\r\n var img = imageElems[i];\r\n\r\n var imageElements = [img];\r\n\r\n /*** Touch Registration Handler ***/\r\n addEvent(imageElements, \"touchstart\", registerTouch, passive);\r\n\r\n /*** Touch Movement Handler ***/\r\n addEvent(imageElements, \"touchmove\", function (event) {\r\n event.preventDefault();\r\n if (changeRunning) return;\r\n /** \r\n * If the \"touchmove\" event is triggered before the \"touchstart\"\r\n * register the event's touch\r\n */\r\n if (isUndefined(touchId) || isUndefined(lastX)) return registerTouch(event);\r\n\r\n var touch = getTouch(event);\r\n\r\n /**\r\n * Check for the touch Id to avoid multitouch issues\r\n */\r\n if (touchId !== getTouchId(touch)) return;\r\n\r\n /**\r\n * Calculate touch move measure\r\n */\r\n var newX = getTouchX(touch),\r\n diff = lastX - newX,\r\n prevImg = context.querySelector(\".previous\"),\r\n activeImg = context.querySelector(\".active\"),\r\n nextImg = context.querySelector(\".next\"),\r\n activeWidth = activeImg.width || activeImg.offsetWidth,\r\n prevX = getImgX(prevImg) || activeWidth * -1,\r\n activeX = getImgX(activeImg),\r\n nextX = getImgX(nextImg) || activeWidth,\r\n tDiff = activeX - diff; // Total difference: Total movement of the left image edge\r\n\r\n lastX = newX; // Overwrite Last X value with the Nex X value\r\n\r\n /**\r\n * If the Total difference is greater the the width of the\r\n * active image, using 25px as margin, lock the gallery movement\r\n */\r\n if (Math.abs(tDiff) > (activeWidth - 25)) return;\r\n\r\n /**\r\n * Perform the follow touch movement, await until the X values of\r\n * the images has been updated to let the browser paint the screen \r\n */\r\n requestAnimationFrame(function () {\r\n setImgX(prevImg, prevX - diff);\r\n setImgX(activeImg, tDiff);\r\n setImgX(nextImg, nextX - diff);\r\n //addClass(context, \"swiping\");\r\n });\r\n\r\n }, { passive: false });\r\n\r\n /*** Touch End Handler ***/\r\n addEvent(imageElements, \"touchend\", function (event) {\r\n if (changeRunning) return;\r\n touches--;\r\n\r\n var touch = getTouch(event);\r\n\r\n /**\r\n * If the touch Id of the leaving touch is the\r\n * same of the registered touch, continue.\r\n * If the touches are greater than 0 do nothing.\r\n */\r\n if (touchId !== getTouchId(touch) || touches > 0) return;\r\n\r\n /**\r\n * Clean the variables\r\n */\r\n touchId = getUndefined();\r\n lastX = getUndefined();\r\n\r\n var prevImg = context.querySelector(\".previous\"),\r\n activeImg = context.querySelector(\".active\"),\r\n nextImg = context.querySelector(\".next\"),\r\n activeX = getImgX(activeImg),\r\n prevX = getImgX(prevImg),\r\n nextX = getImgX(nextImg),\r\n activeWidth = activeImg.width || activeImg.offsetWidth;\r\n\r\n /**\r\n * Perform the animation after touch left, but await until the Functions\r\n * has been executed to let the browser paint the screen again\r\n */\r\n requestAnimationFrame(function () {\r\n /**\r\n * If the X value of the active image is greater than\r\n * the eighth part of the full active image width, perform the change\r\n * according to the symbol(+/-) of the active image's X value\r\n */\r\n setCssVar(\"--active-x\", activeX + \"px\");\r\n setCssVar(\"--previous-x\", prevX + \"px\");\r\n setCssVar(\"--next-x\", nextX + \"px\");\r\n\r\n if (Math.abs(activeX) > (activeWidth / 8)) {\r\n setXAnimationTime(0.5);\r\n if (activeX < 0) {\r\n setImgX(nextImg, 0);\r\n setImgX(activeImg, activeWidth * -1);\r\n setAnimationTime(prevImg, \"transform\", 0);\r\n setImgX(prevImg, activeWidth);\r\n setTimeout(function () {\r\n goNext(prevImg, activeImg, nextImg);\r\n cleanStyles(prevImg, activeImg, nextImg);\r\n }, 500);\r\n } else {\r\n setImgX(prevImg, 0);\r\n setImgX(activeImg, activeWidth);\r\n setAnimationTime(nextImg, \"transform\", 0);\r\n setImgX(nextImg, activeWidth * -1);\r\n setTimeout(function () {\r\n goPrev(prevImg, activeImg, nextImg);\r\n cleanStyles(prevImg, activeImg, nextImg);\r\n }, 500);\r\n }\r\n } else {\r\n setXAnimationTime(0.3);\r\n setImgX(nextImg, activeWidth);\r\n setImgX(activeImg, 0);\r\n setImgX(prevImg, activeWidth * -1);\r\n setTimeout(function () {\r\n cleanStyles(prevImg, activeImg, nextImg);\r\n }, 300);\r\n }\r\n\r\n setCssVar(\"--active-x\", \"0%\");\r\n setCssVar(\"--previous-x\", \"-100%\");\r\n setCssVar(\"--next-x\", \"100%\");\r\n\r\n });\r\n\r\n changeRunning = true;\r\n setTimeout(function () {\r\n changeRunning = false;\r\n }, 500);\r\n\r\n }, passive);\r\n }\r\n };\r\n\r\n /*** Gallery Initialization ***/\r\n (function () {\r\n var images = gallery.images,\r\n active = context.querySelector(\"img\"),\r\n /*** Creation of the Auxiliary images ***/\r\n previous = document.createElement(\"img\"),\r\n next = document.createElement(\"img\"),\r\n currentSrc = getAttr(active, \"src\");\r\n\r\n var nextIndex;\r\n var prevIndex;\r\n\r\n /*** Images Set Up ***/\r\n active.classList.add(\"active\");\r\n previous.classList.add(\"previous\", \"nhs-u-absolute-centered\", \"nhs-c-wrapper__hero-image-slide--desktop\", \"nhs-u-opacity-0\");\r\n previous.setAttribute(\"data-full-image-viewer-opener\", \"true\");\r\n next.classList.add(\"next\", \"nhs-u-absolute-centered\", \"nhs-c-wrapper__hero-image-slide--desktop\", \"nhs-u-opacity-0\");\r\n next.setAttribute(\"data-full-image-viewer-opener\", \"true\");\r\n\r\n /*** Index initialization is based on the image already loaded ***/\r\n for (var i = 0; i < images.length; ++i) {\r\n if (images[i].url === currentSrc) {\r\n index = i;\r\n break;\r\n }\r\n }\r\n\r\n if (images.length > 2) {\r\n nextIndex = index + 1 === images.length ? 0 : index + 1;\r\n prevIndex = index - 1 < 0 ? images.length - 1 : index - 1;\r\n } else {\r\n nextIndex = images.length === 1 ? 0 : 1;\r\n prevIndex = images.length === 1 ? 0 : 1;\r\n }\r\n\r\n /*** Images DOM Insertion ***/\r\n setSizes(next, images[nextIndex].sizes);\r\n setSrcset(next, images[nextIndex].Srcset);\r\n setSrc(next, images[nextIndex].url);\r\n setAlt(next, images[nextIndex].alt);\r\n var collectionNameNext = images[nextIndex].collection;\r\n var positionImageCollectionNext = images[nextIndex].position;\r\n var idImageNext = images[nextIndex].id;\r\n\r\n if (collectionNameNext && typeof positionImageCollectionNext !== \"undefined\") {\r\n setPosition(next, positionImageCollectionNext);\r\n setCollection(next, collectionNameNext);\r\n setImgId(next, idImageNext);\r\n }\r\n\r\n setSizes(previous, images[prevIndex].sizes);\r\n setSrcset(previous, images[prevIndex].Srcset);\r\n setSrc(previous, images[prevIndex].url);\r\n setAlt(previous, images[prevIndex].alt);\r\n var collectionNamePrev = images[prevIndex].collection;\r\n var positionImageCollectionPrev = images[prevIndex].position;\r\n var idImagePrev = images[prevIndex].id;\r\n\r\n if (collectionNamePrev && typeof positionImageCollectionPrev !== \"undefined\") {\r\n setImgId(previous, idImagePrev);\r\n setCollection(previous, images[prevIndex].collection);\r\n setPosition(previous, positionImageCollectionPrev);\r\n }\r\n\r\n insertAt(previous, \"beforebegin\", active);\r\n insertAt(next, \"afterend\", active);\r\n\r\n bindEvents();\r\n\r\n if (images.length > 1) {\r\n var segmentEvent = {\r\n eventType: 'segmentEvent',\r\n media_type: active.dataset.segmentEventMedia_type,\r\n image_url: active.src, \r\n image_sequence: 1,\r\n image_type: active.dataset.segmentEventMedia_type,\r\n event: active.dataset.iscomm === \"False\"\r\n ? 'Home Image Displayed'\r\n : 'Community Image Displayed',\r\n };\r\n\r\n document.body.dispatchEvent &&\r\n document.body.dispatchEvent(new CustomEvent(\"trackOnDemandEvent\", {\r\n detail: { data: segmentEvent }\r\n }));\r\n }\r\n\r\n })();\r\n })();\r\n\r\n /**\r\n * Goes to the next image\r\n * \r\n * @public\r\n * @readonly \r\n * @param {Number} times Times to repeat\r\n */\r\n defineProp(\"goNext\", function () {\r\n return function (times) {\r\n go(goNext, times);\r\n };\r\n });\r\n\r\n /**\r\n * Goes to the previous Image\r\n * \r\n * @public\r\n * @readonly\r\n * @param {Number} times Times to repeat\r\n */\r\n defineProp(\"goPrev\", function () {\r\n return function (times) {\r\n go(goPrev, times);\r\n };\r\n });\r\n\r\n /**\r\n * Gets the index of the Gallery\r\n * \r\n * @public\r\n * @readonly\r\n */\r\n defineProp(\"index\", function () {\r\n return index;\r\n });\r\n\r\n /**\r\n * Function to trigger each time the Gallery changes\r\n * \r\n * @public\r\n */\r\n defineProp(\"onChange\",\r\n function () {\r\n return onChange;\r\n },\r\n function (value) {\r\n if (value instanceof Function) {\r\n onChange = value;\r\n }\r\n }\r\n );\r\n};\r\n\r\n(function(){\r\n \"use strict\";\r\n\r\n if (\"function\" === typeof define && define.amd) {\r\n // If supports for AMD is available return the value to the AMD Loader\r\n // and to the global (window) object in case any JS module is expecting\r\n // the lazyLoad to exists on the window object.\r\n define([], function () {\r\n return galleryInit;\r\n });\r\n } else if (\"object\" === typeof exports) {\r\n // If supports for Common JS is available export the module\r\n // and pass is value to the global (window) object in case non Common JS code \r\n // is expected to work with this lazyLoad.\r\n module.exports = galleryInit;\r\n } else {\r\n // If not support for AMD or Common JS is available register the module in the global scope.\r\n \r\n if (\"undefined\" === typeof NHS || null === NHS) {\r\n NHS = {};\r\n }\r\n if (\"undefined\" === typeof NHS.Scripts || null === NHS.Scripts) {\r\n NHS.Scripts = {};\r\n }\r\n\r\n NHS.Scripts.Gallery = galleryInit;\r\n }\r\n\r\n\r\n}());","(function imagesGalleryHandler() {\r\n 'use strict';\r\n\r\n const firstImage = document.querySelector('[data-active-image]');\r\n if (!firstImage) {\r\n return;\r\n }\r\n\r\n /**\r\n * This function checks if the first image is in portrait orientation and adds\r\n * a specific class if it is.\r\n */\r\n function handlerVerticalImages() {\r\n const isPortraitImage = firstImage.naturalHeight > firstImage.naturalWidth;\r\n if (isPortraitImage) {\r\n firstImage.classList.add('nhs-c-image--vertical');\r\n }\r\n }\r\n\r\n if (firstImage.complete && firstImage.naturalHeight !== 0) {\r\n handlerVerticalImages();\r\n return;\r\n }\r\n\r\n firstImage.addEventListener('load', handlerVerticalImages);\r\n}());\r\n","(function thumbnailHelper(global) {\r\n 'use strict';\r\n\r\n global.NewHomeSource = global.NewHomeSource || {};\r\n\r\n const previousThumbnailHelper = global.NewHomeSource.ThumbnailHelper;\r\n\r\n /**\r\n * @constructs NewHomeSource.ThumbnailHelper\r\n */\r\n function ThumbnailHelper() {\r\n }\r\n\r\n ThumbnailHelper.defaultThumbs = JSON.parse(document.querySelector('[data-component=\"defaultThumbnails\"]').innerHTML);\r\n\r\n /**\r\n * @public\r\n * validate: return thumbnail url valid.\r\n */\r\n ThumbnailHelper.validate = function validate(data) {\r\n const collection = data.CollectionName.split(' ');\r\n const imageUrl = data.ThumbnailUrl || ThumbnailHelper.defaultThumbs[collection[0]];\r\n return imageUrl;\r\n };\r\n\r\n /**\r\n * @public\r\n *\r\n * noConflict: Returns control of NewHomeSource.ThumbnailHelper to the previous script.\r\n */\r\n ThumbnailHelper.noConflict = function noConflict() {\r\n global.NewHomeSource.ThumbnailHelper = previousThumbnailHelper;\r\n return ThumbnailHelper;\r\n };\r\n\r\n global.NewHomeSource.ThumbnailHelper = ThumbnailHelper;\r\n}(window));\r\n","/**\r\n * Module to move by the scroll using arrows.\r\n *\r\n * Need to add the following attributes:\r\n * data-scroll: to the element scrolled\r\n * data-arrow-right: to the arrow right button\r\n * data-arrow-left: to the arrow left button\r\n * data-move-arrow: to the arrows with the number of pixels to be move.\r\n * data-element-scrolled: all elements that are inside the container\r\n * need to have the property to get the first and last element in the collection.\r\n */\r\n(function arrowHandler(global) {\r\n 'use strict';\r\n\r\n global.NewHomeSource = global.NewHomeSource || {};\r\n global.NewHomeSource.Modules = global.NewHomeSource.Modules || {};\r\n const isTouchScreen = Object.prototype.hasOwnProperty.call(global, 'ontouchstart');\r\n const eventTrigger = isTouchScreen ? 'touchend' : 'click';\r\n\r\n class ArrowHandler {\r\n constructor(parameters) {\r\n if (!parameters.container) {\r\n return;\r\n }\r\n this.container = null;\r\n this.arrowRight = null;\r\n this.arrowLeft = null;\r\n this.firstCollection = null;\r\n this.lastCollection = null;\r\n this.scrollElement = null;\r\n this.move = 0;\r\n this.limitRight = 0;\r\n this.limitLeft = 0;\r\n this.arrowsReference =\r\n parameters.arrowReferenceSelector ? parameters.arrowReferenceSelector : '';\r\n this.collectionsReference =\r\n parameters.collectionsReferenceSelector ? parameters.collectionsReferenceSelector : '';\r\n this.container = parameters.container;\r\n this.arrowRight = this.container.querySelector(`${this.arrowsReference}[data-arrow-right]`);\r\n this.arrowLeft = this.container.querySelector(`${this.arrowsReference}[data-arrow-left]`);\r\n this.scrollElement = this.container.querySelector('[data-scroll]') || this.container;\r\n this.firstCollection =\r\n this.container.querySelector(`${this.collectionsReference}[data-element-scrolled]`);\r\n this.lastCollection =\r\n this.container.querySelector(`${this.collectionsReference}[data-element-scrolled]:last-child`);\r\n if (!this.arrowRight || !this.arrowLeft || !this.scrollElement) {\r\n return;\r\n }\r\n\r\n this.bindedCalculateMoveCallback = this.bindedCalculateMove.bind(this);\r\n this.bindedOnChangeCallback = this.onChange.bind(this);\r\n\r\n this.container.addEventListener(eventTrigger, this.bindedCalculateMoveCallback);\r\n this.container.addEventListener('recalculateLimits', this.bindedOnChangeCallback);\r\n global.addEventListener('orientationchange', this.bindedOnChangeCallback);\r\n this.getLimits();\r\n this.observeVisibility();\r\n }\r\n\r\n bindedCalculateMove(event) {\r\n requestAnimationFrame(this.calculateMove.bind(this, event));\r\n }\r\n\r\n /** Used to show the arrows after a container is set as visible after being hidden */\r\n observeVisibility() {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n this.showArrows();\r\n }\r\n });\r\n });\r\n\r\n observer.observe(this.container);\r\n }\r\n\r\n changeLimits() {\r\n this.limitLeft = Math.floor(this.container.getBoundingClientRect().left);\r\n this.limitRight = Math.floor(this.container.getBoundingClientRect().right);\r\n this.showArrows();\r\n }\r\n\r\n getLimits() {\r\n requestAnimationFrame(this.changeLimits.bind(this));\r\n }\r\n\r\n onChange() {\r\n requestAnimationFrame(this.getLimits.bind(this));\r\n }\r\n\r\n showArrows() {\r\n requestAnimationFrame(() => {\r\n if (Math.floor(this.firstCollection.getBoundingClientRect().left) < this.limitLeft) {\r\n this.arrowLeft.style.display = 'block';\r\n this.container.classList.add('tab-shadow--left');\r\n } else {\r\n this.arrowLeft.style.display = 'none';\r\n this.container.classList.remove('tab-shadow--left');\r\n }\r\n\r\n if (Math.floor(this.lastCollection.getBoundingClientRect().right) > this.limitRight) {\r\n this.arrowRight.style.display = 'block';\r\n this.container.classList.add('tab-shadow--right');\r\n } else {\r\n this.arrowRight.style.display = 'none';\r\n this.container.classList.remove('tab-shadow--right');\r\n }\r\n });\r\n }\r\n\r\n calculateMove(event) {\r\n this.limitLeft = Math.floor(this.container.getBoundingClientRect().left);\r\n this.limitRight = Math.floor(this.container.getBoundingClientRect().right);\r\n const element = event && event.target.closest(`${this.arrowsReference}[data-move-arrow]`);\r\n if (element) {\r\n this.move = +element.dataset.moveArrow;\r\n this.scrollElement.scrollBy(this.move, 0);\r\n const self = this;\r\n requestAnimationFrame(() => {\r\n self.showArrows(self);\r\n const scrolledCarousels = this.container.querySelectorAll('[data-scroll]');\r\n\r\n scrolledCarousels.forEach((scrolledCarousel) => {\r\n if (scrolledCarousel && scrolledCarousel.parentElement) {\r\n scrolledCarousel.parentElement.dispatchEvent(new Event('recalculateLimits'));\r\n }\r\n });\r\n });\r\n } else {\r\n requestAnimationFrame(() => {\r\n this.showArrows(this);\r\n });\r\n }\r\n }\r\n\r\n dispose() {\r\n this.container.removeEventListener(eventTrigger, this.bindedCalculateMoveCallback);\r\n this.container.removeEventListener('recalculateLimits', this.bindedOnChangeCallback);\r\n global.removeEventListener('orientationchange', this.bindedOnChangeCallback);\r\n }\r\n }\r\n\r\n global.NewHomeSource.Modules.ArrowHandler = ArrowHandler;\r\n}(window));\r\n","/**\r\n * Module to handle the scroll implemented for the Sticky Nav Bar.\r\n *\r\n * This functionality is in the Sticky Bar located in the detail pages, community detail for now.\r\n * Is the responsible to do the scroll at the Right or Left when you scroll down or up in the page.\r\n *\r\n */\r\n(function stickyBarScrollHandler(global) {\r\n 'use strict';\r\n\r\n global.NewHomeSource = global.NewHomeSource || {};\r\n global.NewHomeSource.Modules = global.NewHomeSource.Modules || {};\r\n\r\n /*\r\n * Dependencies as\r\n * if (!global.NewHomeSource.MyDependency) {\r\n * return;\r\n * }\r\n */\r\n const previousStickyBarScrollModule = global.NewHomeSource.stickyBarScrollHandler;\r\n\r\n /**\r\n * @constructs NewHomeSource.StickyBarScrollHandler\r\n */\r\n function StickyBarScrollHandler() {}\r\n\r\n /**\r\n * Scrolls the Sticky Bar when we scroll the page.\r\n * @param {any} entry\r\n */\r\n StickyBarScrollHandler.moveStickyBarScroll = function moveStickyBarScroll(entry, element) {\r\n const container = document.querySelector('div[data-sticky-bar]');\r\n\r\n if (!container) {\r\n return;\r\n }\r\n\r\n const scrollElement = container.querySelector('.bar__item-active'); \r\n const rightPoint = container.getBoundingClientRect().right;\r\n const scrollLeft = container.scrollLeft;\r\n\r\n // Scroll to the active element.\r\n if (scrollElement) {\r\n const elementPoints = scrollElement.getBoundingClientRect();\r\n const elementRight = elementPoints.right;\r\n const elementWidth = elementPoints.width;\r\n\r\n const value = elementRight - rightPoint + elementWidth + scrollLeft;\r\n container.scrollTo({\r\n left: value,\r\n behavior: 'smooth',\r\n });\r\n }\r\n };\r\n\r\n /**\r\n * @public\r\n *\r\n * noConflict: Returns control of NewHomeSource.StickyBarScrollHandler to the previous script.\r\n */\r\n StickyBarScrollHandler.noConflict = function noConflict() {\r\n global.NewHomeSource.Modules.stickyBarScrollHandler = previousStickyBarScrollModule;\r\n return StickyBarScrollHandler;\r\n };\r\n\r\n global.NewHomeSource.Modules.stickyBarScrollHandler = StickyBarScrollHandler;\r\n})(window);\r\n","/*\r\n * summary: this module is to load a modal on the initial load\r\n * hidden input data:\r\n * data-auto-open-modal-query-string=\"queryString from url\"\r\n * button with the modal functionality:\r\n * data-auto-open-modal-(name of the modal, example: request-appointment)\r\n */\r\n(function initialLoadModalHandler(global) {\r\n 'use strict';\r\n\r\n global.NewHomeSource = global.NewHomeSource || {};\r\n const previousInitialLoadModalHandler = global.NewHomeSource.InitialLoadModalHandler;\r\n const queySelectorHiddenInput = '[data-auto-open-modal-query-string]';\r\n const configHiddenInput = document.querySelector(queySelectorHiddenInput);\r\n const queryString = configHiddenInput.dataset.autoOpenModalQueryString;\r\n\r\n if (!configHiddenInput || !queryString) {\r\n return null;\r\n }\r\n\r\n /**\r\n * @private\r\n * removeQueryStringFromUrl: function to remove the queryString from the url\r\n */\r\n function removeQueryStringFromUrl() {\r\n const currentUrl = global.location.href;\r\n\r\n const url = new URL(currentUrl);\r\n const params = new URLSearchParams(url.search);\r\n params.delete('autoopenmodal');\r\n url.search = params.toString();\r\n const newUrl = url.toString();\r\n\r\n global.history.pushState({}, null, newUrl);\r\n }\r\n\r\n /**\r\n * @constructs NewHomeSource.InitialLoadModalHandler\r\n */\r\n function InitialLoadModalHandler() {\r\n }\r\n\r\n /**\r\n * @private\r\n * DisplayModal: function to display the modal from the url in the target element\r\n * @param {string} querySelectorForData query selector to get the needed data\r\n */\r\n InitialLoadModalHandler.DisplayModal = function DisplayModal() {\r\n const querySelectorModal = `[data-auto-open-modal-${queryString}]`;\r\n const targetElement = document.querySelector(querySelectorModal);\r\n\r\n if (targetElement) {\r\n removeQueryStringFromUrl();\r\n targetElement.click();\r\n }\r\n };\r\n\r\n /**\r\n * @public\r\n *\r\n * noConflict: Returns control of NewHomeSource.InitialLoadModalHandler to the previous script.\r\n */\r\n InitialLoadModalHandler.noConflict = function noConflict() {\r\n global.NewHomeSource.InitialLoadModalHandler = previousInitialLoadModalHandler;\r\n return InitialLoadModalHandler;\r\n };\r\n\r\n global.NewHomeSource.InitialLoadModalHandler = InitialLoadModalHandler;\r\n\r\n return InitialLoadModalHandler;\r\n}(window));\r\n","NHS.Scripts.HomeDetailXp = function (parameters) {\r\n\r\n //Initializing parameters\r\n this.parameters = parameters;\r\n this.saveHomeMethod = parameters.saveHomeMethod;\r\n this.gallery = new Array();\r\n this.galleryIndex = 0;\r\n this.logger = new NHS.Scripts.Globals.EventLogger({\r\n parentCommunityId: parameters.parentCommunityId,\r\n siteRoot: parameters.logInfo.siteRoot,\r\n fromPage: parameters.logInfo.fromPage,\r\n partnerID: parameters.logInfo.partnerId,\r\n partnerName: parameters.logInfo.partnerName,\r\n performanceLogUrl: parameters.logInfo.performanceLogUrl,\r\n marketId: parameters.marketId\r\n });\r\n this.favs = new NHS.Scripts.Favorites({\r\n urlBase: parameters.urlBase,\r\n partnerId: parameters.PartnerId,\r\n marketId: parameters.MarketId,\r\n logInfo: parameters.logInfo\r\n });\r\n};\r\n\r\nNHS.Scripts.HomeDetailXp.prototype = {\r\n initialize: function () {\r\n var self = this;\r\n\r\n /**\r\n * Lazy loads ratings and reviews component, and only if the builder has reviews\r\n */\r\n const loadReviews = function() {\r\n const ratingsFlagElement = document.querySelector('#IsReviewsAvailable');\r\n const hasReviews = ratingsFlagElement && ratingsFlagElement.value === 'True';\r\n\r\n if (hasReviews) {\r\n const microModalInput = document.querySelector('#ratings-bundle');\r\n\r\n NHS.loadJs(microModalInput.value, \"ratings-script\", function () {\r\n RatingsAndReviews.loadDetailSection();\r\n });\r\n }\r\n }\r\n\r\n var attributeParameters = self.parameters;\r\n if (attributeParameters.mapParameters) {\r\n attributeParameters.mapParameters.logger = new NHS.Scripts.Globals.EventLogger({\r\n siteRoot: self.parameters.logInfo.siteRoot,\r\n partnerId: self.parameters.logInfo.partnerId,\r\n partnerName: self.parameters.logInfo.partnerName,\r\n marketId: self.parameters.logInfo.marketId,\r\n performanceLogUrl: self.parameters.logInfo.performanceLogUrl\r\n });\r\n }\r\n\r\n self.favs.init();\r\n\r\n // Create the interactive map\r\n var mapsContainer = document.querySelector(\"#nhs_PropertyMap\");\r\n self.googlePropertyMap = new NHS.Scripts.GooglePropertyMap(attributeParameters.mapParameters);\r\n self.googlePropertyMap.SetUpdate();\r\n\r\n function loadInteractiveMap(event) {\r\n self.googlePropertyMap.init();\r\n mapsContainer.removeEventListener(\"click\", loadInteractiveMap);\r\n }\r\n\r\n if (mapsContainer) {\r\n mapsContainer.addEventListener(\"click\", loadInteractiveMap);\r\n }\r\n\r\n var propertyId = self.parameters.isSpec ? self.parameters.specId : self.parameters.planId;\r\n function attachTrackingEvents() {\r\n\r\n // Request and appointment\r\n var appoinmentButtons = document.querySelectorAll(\"#btn_NhsMapSend\");\r\n for (var i = 0; i < appoinmentButtons.length; i++) {\r\n var button = appoinmentButtons[i];\r\n\r\n button.addEventListener(\"click\", function () {\r\n jQuery.googlepush('Home Detail Events', 'Request An Appointment button', propertyId, 2, false);\r\n });\r\n }\r\n\r\n // Tab switching\r\n var tabsContainer = document.querySelector(\".map__tabs\");\r\n if (tabsContainer) {\r\n tabsContainer.addEventListener(\"click\", function () {\r\n jQuery.googlepush('Home Detail Events', 'Map - Tab', propertyId, 2, false);\r\n });\r\n }\r\n }\r\n\r\n attachTrackingEvents();\r\n\r\n jQuery(\"body\").on(\"click\", \"a[href=#top]\", function () {\r\n jQuery(\"html, body\").animate({\r\n scrollTop: 0\r\n }, \"slow\");\r\n return false;\r\n });\r\n\r\n function downLoadFloorPlanOptionsModule() {\r\n const jsInput = document.getElementById('floorPlanOptionsJavascriptUrl');\r\n const checkBox = this;\r\n if (jsInput) {\r\n NHS.loadJs(jsInput.value, 'floorPlanOptionsScript', function () {\r\n const floorPlanOptionsContainer = document.querySelector('[data-floor-plan-options-container]');\r\n if (floorPlanOptionsContainer) {\r\n floorPlanOptionsContainer.setAttribute('data-floor-plan-container', true);\r\n checkBox.dispatchEvent(new Event('click'));\r\n }\r\n });\r\n jsInput.remove();\r\n }\r\n }\r\n\r\n // Floorplan Options Section\r\n if (this.parameters.showfloorsection) {\r\n var url;\r\n if (this.parameters.floorPlanActionUrl.indexOf(\"planid\") !== -1) {\r\n url = this.parameters.floorPlanActionUrl.replace(\"{planid}\", this.parameters.planId);\r\n } else {\r\n url = this.parameters.floorPlanActionUrl.replace(\"{specid}\", this.parameters.specId);\r\n }\r\n jQuery.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: JSON.stringify(self.parameters.floorplanOptionsViewModel),\r\n contentType: 'application/json',\r\n success: function (data) {\r\n jQuery(\"#nhs_FloorPlanAreaSection\").html(data);\r\n const checkBoxesElements = document.querySelectorAll('[data-floor-plan-option=\"true\"]');\r\n for (let i = 0; i < checkBoxesElements.length; i += 1) {\r\n checkBoxesElements[i].addEventListener('click', downLoadFloorPlanOptionsModule);\r\n }\r\n }\r\n });\r\n }\r\n\r\n const mapButton = document.querySelector('.nhs_FormMapLink');\r\n if (mapButton) {\r\n mapButton.addEventListener('click', (event) => {\r\n event.preventDefault();\r\n const neighborhoodStickyButton = document.querySelector('[data-id=\"nhs_MapsAndDirections\"]');\r\n if (neighborhoodStickyButton) {\r\n neighborhoodStickyButton.click();\r\n }\r\n });\r\n }\r\n\r\n self._updateAdsPosition();\r\n\r\n const nearbyWrapper = document.querySelector('[data-nearby-wrapper]');\r\n if (nearbyWrapper !== null) {\r\n self.performLazyLoad('nhs_nearbyHomesSection', null, nearbyWrapper.dataset.url, function (data) {\r\n if (!data) {\r\n const nearbySection = document.querySelector('[data-nearby-section]');\r\n nearbySection.setAttribute('hidden', '');\r\n return;\r\n }\r\n \r\n document.querySelector('[data-nearby-wrapper]').innerHTML = data;\r\n self.favs.init();\r\n });\r\n }\r\n\r\n loadReviews();\r\n\r\n /*** Gallery Initialization ***/\r\n self.setUpGalleryXp();\r\n var elements = {\r\n 'selector': '[data-full-image-viewer-opener=\"true\"]',\r\n 'favorites': self.favs,\r\n 'performanceEvents': self.logger,\r\n 'logInfo': self.parameters.logInfo\r\n };\r\n\r\n window.NewHomeSource.FullImageViewerOpener && window.NewHomeSource.FullImageViewerOpener(elements);\r\n new window.NewHomeSource.Modules.ArrowHandler({\r\n container: document.querySelector('[data-toolbar]')\r\n });\r\n\r\n //Click for Saving Home\r\n jQuery(document).on(\"click\", \"span#nhs_SaveThisItem, span.nhs_Save.nhs_Saved, a.nhs_ItemSaved\", function () {\r\n jQuery.post(self.parameters.removeHomeMethod, {\r\n builderId: self.parameters.builderId\r\n }, (function (json) {\r\n self.ShowSuccessMessage(json);\r\n jQuery(\"p #nhs_NextStepsSaveThisItem\").removeClass(\"nhs_ItemSaved\").text(self.parameters.SaveToFavoritesText);\r\n jQuery(\"#nhs_NextStepsSaveThisItem\").on(\"click\", function (event) {\r\n if (!jQuery(this).is(\".nhs_ItemSaved\")) {\r\n self.SaveHome(true);\r\n event.stopImmediatePropagation();\r\n }\r\n });\r\n }).bind(this), \"json\");\r\n });\r\n\r\n var container = document.querySelector(\"#nhs_DetailSalesOffice [data-slider-component]\");\r\n\r\n /**\r\n * trackReadMoreOfferEvent: tracks the event when the read more button is clicked.\r\n * @param {string} readMoreButtonText word that is used on the read more button.\r\n */\r\n function trackReadMoreOfferEvent(readMoreButtonText){\r\n const googleAnalyticsEvent = {\r\n eventType: 'GA4Event',\r\n eventName: 'builder_deals',\r\n params: {\r\n click_target: readMoreButtonText\r\n }\r\n };\r\n document.body.dispatchEvent(new CustomEvent('trackOnDemandEvent', {\r\n detail: { data: googleAnalyticsEvent }\r\n }));\r\n }\r\n\r\n //Offers Click Listener\r\n var readOffersContainer = document.querySelector(\"[data-offersContainer]\");\r\n if (readOffersContainer) {\r\n var offerBubblesCollection = document.querySelectorAll(\"[data-offerBubble]\");\r\n var currentReadMoreText = \"\";\r\n var showHiddenContentClass = \"offer__show\";\r\n var showMoreElement;\r\n var collapsibleContentElement;\r\n readOffersContainer.addEventListener(\"click\", function (event) {\r\n //If read more, we should change the text\r\n if (event.target.hasAttribute(\"data-readMoreOffer\")) {\r\n for (var counter = 0; counter < offerBubblesCollection.length; counter++) {\r\n collapsibleContentElement = offerBubblesCollection[counter].querySelector(\"[data-collapsedContent]\")\r\n if (collapsibleContentElement) {\r\n if (collapsibleContentElement.classList.contains(showHiddenContentClass)) {\r\n collapsibleContentElement.classList.remove(showHiddenContentClass);\r\n } else {\r\n collapsibleContentElement.classList.add(showHiddenContentClass);\r\n }\r\n }\r\n\r\n showMoreElement = offerBubblesCollection[counter].querySelector(\"[data-readMoreOffer]\");\r\n if (showMoreElement) {\r\n currentReadMoreText = showMoreElement.textContent;\r\n showMoreElement.textContent = showMoreElement.getAttribute(\"data-toggleText\");\r\n showMoreElement.setAttribute(\"data-toggleText\", currentReadMoreText);\r\n\r\n const currentEventReadMoreText = showMoreElement.dataset.eventCurrentText;\r\n const currentEventReadMoreToggleText = showMoreElement.dataset.eventToggleText;\r\n showMoreElement.dataset.eventCurrentText = currentEventReadMoreToggleText;\r\n showMoreElement.dataset.eventToggleText = currentEventReadMoreText;\r\n trackReadMoreOfferEvent(currentEventReadMoreText);\r\n }\r\n\r\n }\r\n }\r\n });\r\n }\r\n self.googleAnalyticsBindings();\r\n\r\n //sticky bar detail pages scroll\r\n var scrollToBarItems = document.querySelectorAll('[page-scroller]');\r\n var scrollBehavior = 'scrollBehavior' in document.documentElement.style;\r\n for (var i = 0; i < scrollToBarItems.length; i++) {\r\n scrollToBarItems[i].addEventListener(\"click\", function (event) {\r\n if (window.scroll) {\r\n event.preventDefault();\r\n var target = document.getElementById(this.getAttribute(\"data-target\"));\r\n const selectedTab = document.querySelector(\"[class*=nhs-c-button--tap-light-active]\");\r\n if (target) {\r\n if (scrollBehavior) {\r\n target.scrollIntoView({ behavior: \"smooth\"});\r\n } else {\r\n target.scrollIntoView();\r\n }\r\n var targetElement = event.target;\r\n if (selectedTab && targetElement.hasAttribute(\"data-sticky-tab\")) {\r\n selectedTab.classList.remove(\"nhs-c-button--tap-light-active\");\r\n delete selectedTab.dataset.itemActive;\r\n targetElement.classList.add(\"nhs-c-button--tap-light-active\");\r\n targetElement.dataset.itemActive = 'true';\r\n }\r\n }\r\n\r\n }\r\n });\r\n }\r\n\r\n const similarHomesContainer = document.querySelector('#nhs_HomeCarousel');\r\n if (similarHomesContainer) {\r\n similarHomesContainer.addEventListener('sectionLazyLoaded', (event) => {\r\n self.favs.init();\r\n });\r\n }\r\n },\r\n selectFloorPlanType: function (elem) {\r\n if (elem.classList.contains(\"nhs_ViewFloorPlan\")) {\r\n document.querySelector(\".bxslider li [data-type='FLP']\").click();\r\n }\r\n if (elem.classList.contains(\"nhs_ViewInteractiveFloorPlan\")) {\r\n document.querySelector(\".bxslider li [data-type='IFP']\").click();\r\n }\r\n },\r\n setUpGalleryXp: function () {\r\n var self = this;\r\n self.MediaData = self.parameters.gallery.mediaResult;\r\n\r\n self.setupNewOnPageGallery();\r\n },\r\n\r\n RemoveParametersFromUrl: function (url, parameters) {\r\n for (var i = 0; i < parameters.length; i++) {\r\n var parameter = parameters[i];\r\n\r\n url = url.replace(new RegExp('[?&]' + parameter + '=[^&#]*(#.*)?$'), '$1').replace(new RegExp('([?&])' + parameter + '=[^&]*&'), '$1');\r\n }\r\n return url;\r\n },\r\n\r\n RemoveResizingParametersFromQueryString: function (image) {\r\n var self = this;\r\n var imageUrl = NewHomeSource.ThumbnailHelper.validate(image);\r\n return self.RemoveParametersFromUrl(imageUrl, [\"width\", \"height\", \"w\", \"h\", \"maxwidth\", \"maxheight\"]);\r\n },\r\n\r\n /**\r\n * Verifies that the given url contains vimeo.\r\n *\r\n * @private\r\n * @param {url} string url from vimeo \r\n */\r\n isVimeoVideo: function (url) {\r\n return url.indexOf(\"vimeocdn.com\") !== -1;\r\n },\r\n\r\n\r\n /**\r\n * Replaces in the vimeo URL the sizes with the width passed as parameter.\r\n * The vimeo format CDN is: https://www.vimeo.com/video/{id}_{width}x{height}\r\n * @private\r\n * @param {url} string url from vimeo\r\n * @param {width} string new width value\r\n */\r\n getVimeoSourceSetUrl: function (url, width) {\r\n return url.replace(/_\\d+(x\\d+)?/, \"_\" + width);\r\n },\r\n\r\n setupNewOnPageGallery: function (bindEvents) {\r\n var self = this;\r\n var commTitle = \"\";\r\n\r\n var breakpoints = [\r\n {\r\n width: 404,\r\n breakpoint: \"404w\"\r\n },\r\n {\r\n width: 808,\r\n breakpoint: \"808w\"\r\n },\r\n {\r\n width: 966,\r\n breakpoint: \"966w\"\r\n },\r\n {\r\n width: 1932,\r\n breakpoint: \"1932w\"\r\n }\r\n ];\r\n var breakpointLength = breakpoints.length;\r\n var resizedMediaImages = self.parameters.gallery.mediaImages.map(function (image) {\r\n if (image.IsRichMedia) {\r\n\r\n return;\r\n }\r\n\r\n var cleanUrl = image.VideoType !== \"youtube\" ? self.RemoveResizingParametersFromQueryString(image) : \"https://img.youtube.com/vi/\" + image.VideoId + \"/hqdefault.jpg\";\r\n var separator = cleanUrl.indexOf(\"?\") > -1 ? \"&\" : \"?\";\r\n var format = \"\";\r\n\r\n if (image.Is360Image) {\r\n cleanUrl = cleanUrl + separator + \"format=jpg\";\r\n image.Srcset = cleanUrl + \" \" + breakpoints[breakpointLength - 1].breakpoint;\r\n image.ThumbnailUrl = image.Srcset;\r\n\r\n return image;\r\n\r\n } else {\r\n\r\n if (!(cleanUrl.indexOf(\"format=\") > -1)) {\r\n format = \"&format=jpg\";\r\n }\r\n\r\n image.ThumbnailUrl = image.VideoType != \"youtube\" ? cleanUrl + separator + \"maxwidth=\" + breakpoints[breakpointLength - 1].width + format + \"&quality=90\" : cleanUrl;\r\n\r\n var srcsetUrl = \"\";\r\n for (var i = 0; i < breakpointLength; i++) {\r\n if (self.isVimeoVideo(cleanUrl)) {\r\n cleanUrl = self.getVimeoSourceSetUrl(cleanUrl, breakpoints[i].width);\r\n }\r\n if (i + 1 === breakpointLength) {\r\n srcsetUrl += cleanUrl + separator + \"maxwidth=\" + breakpoints[i].width + format + \"&quality=90 \" + breakpoints[i].breakpoint;\r\n }\r\n else {\r\n srcsetUrl += cleanUrl + separator + \"maxwidth=\" + breakpoints[i].width + format + \"&quality=90 \" + breakpoints[i].breakpoint + \", \";\r\n }\r\n }\r\n\r\n if (image.VideoType != \"youtube\") {\r\n image.Srcset = srcsetUrl;\r\n image.sizes = \"(max-width: 768px) 404px, 966px\";\r\n } else {\r\n image.Srcset = image.ThumbnailUrl;\r\n }\r\n return image;\r\n }\r\n }).filter(function (element) {\r\n return element !== undefined;\r\n });\r\n\r\n self.gallery = resizedMediaImages;\r\n\r\n if (self.gallery.length > 0) {\r\n var index;\r\n const videoIcon = document.querySelector('[data-video-icon-second]');\r\n\r\n self.galleryIndex = 0;\r\n\r\n if (self.gallery.length === 0) {\r\n return;\r\n }\r\n\r\n if (typeof bindEvents === \"undefined\" || !!bindEvents) {\r\n var countInterior = 0;\r\n var countExterior = 0;\r\n var countFloor = 0;\r\n var countVideo = 0;\r\n self.detailGallery = new NHS.Scripts.Gallery(document.querySelector(\"#gallery\"), self.gallery.map(function (img) {\r\n var collection = img.CollectionName;\r\n\r\n var elementPosition = 0;\r\n if (collection === \"Interior\") {\r\n elementPosition = countInterior;\r\n countInterior++;\r\n } else if (collection === \"Exterior\") {\r\n elementPosition = countExterior;\r\n countExterior++;\r\n } else if (collection === \"FloorPlan\") {\r\n elementPosition = countFloor;\r\n countFloor++;\r\n } else if (collection === \"Video\") {\r\n elementPosition = countVideo;\r\n countVideo++;\r\n }\r\n\r\n return {\r\n id: img.Id,\r\n url: img.ThumbnailUrl,\r\n alt: img.AltText,\r\n Srcset: img.Srcset,\r\n sizes: img.sizes,\r\n collection: collection,\r\n isFloorPlan: img.Type === \"FLP\",\r\n position: elementPosition,\r\n };\r\n }));\r\n self.detailGallery.onChange = function (index) {\r\n self.galleryIndex = index;\r\n videoIcon.setAttribute('hidden', '');\r\n if (self.gallery[self.galleryIndex].CollectionName.toLowerCase() === \"video\") {\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileOverlay\").removeClass(\"Community\").addClass(\"Video\");\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileType\").text(\"Community Video\");\r\n videoIcon.removeAttribute('hidden');\r\n } else {\r\n commTitle = self.getCaptionToDisplay(self.gallery[self.galleryIndex].AltText);\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileType\").text(commTitle);\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileOverlay\").removeClass(\"Video\").addClass(\"Community\");\r\n }\r\n\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileBottom span:eq(1)\").text((self.galleryIndex + 1) + \"/\" + self.gallery.length);\r\n }\r\n }\r\n\r\n videoIcon.setAttribute('hidden', '');\r\n\r\n if (self.gallery[0].CollectionName.toLowerCase() === \"video\") {\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileType\").text(\"Community Video\");\r\n videoIcon.removeAttribute('hidden');\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileOverlay\").removeClass(\"Community\").addClass(\"Video\");\r\n } else {\r\n commTitle = self.getCaptionToDisplay(self.gallery[self.galleryIndex].AltText);\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileType\").text(commTitle);\r\n jQuery(\"#nhs_DetailGalleryMain .nhs_DetailTileOverlay\").removeClass(\"Video\").addClass(\"Community\");\r\n }\r\n\r\n jQuery(\".nhs_DetailTileBottom span:eq(1)\").text(\"1/\" + self.gallery.length);\r\n\r\n if (self.gallery.length === 1) {\r\n jQuery(\"#nhs_GalleryPrev\").remove();\r\n jQuery(\"#nhs_GalleryNext\").remove();\r\n }\r\n }\r\n },\r\n\r\n performLazyLoad: function (idOfVisibleElement, dataForAjax, urlForAjax, successAjaxFunction) {\r\n var lazyLoadReady = false;\r\n var visibleElement = document.querySelector(\"#\" + idOfVisibleElement);\r\n var dataLazyLoadMapAndDirections = {\r\n ElementVisibleId: idOfVisibleElement,\r\n UpdateAction: function () {\r\n var isVisible = false;\r\n\r\n if (visibleElement) {\r\n isVisible = visibleElement.childNodes.length > 0;\r\n }\r\n\r\n if ((isVisible && lazyLoadReady) === false) {\r\n lazyLoadReady = true;\r\n jQuery.ajax({\r\n url: urlForAjax,\r\n type: dataForAjax !== null ? \"POST\" : \"GET\",\r\n contentType: 'application/json',\r\n data: JSON.stringify(dataForAjax),\r\n success: successAjaxFunction\r\n });\r\n }\r\n }\r\n };\r\n jQuery.LazyLoad(dataLazyLoadMapAndDirections);\r\n },\r\n\r\n googleAnalyticsBindings: function () {\r\n jQuery(document).on('mousedown', 'a.btn_MoreInfo', function (event) {\r\n NHS.Scripts.Helper.createCookie(\"CTAName\", \"Home - Request More Information - CTA - Submit\");\r\n\r\n jQuery.googlepush(\"Lead Events\", 'Home - Request More Information - CTA - Modal Open', \"Request More Info\");\r\n });\r\n },\r\n\r\n SaveHome: function (isNextStepsSaveClick) {\r\n var self = this;\r\n\r\n jQuery.post(self.saveHomeMethod, {\r\n builderId: self.parameters.builderId\r\n }, (function (json) {\r\n self.ShowSuccessMessage(json);\r\n if (json.data) {\r\n jQuery(\"#nhs_NextStepsSaveThisItem\").removeAttr(\"onclick\");\r\n jQuery(\"#nhs_NextStepsSaveThisItem\").removeAttr(\"href\");\r\n jQuery(\"#liSaveToPlanner\").html('
' + self.parameters.SavedText + \"\");\r\n jQuery(\"a#nhs_Saved\").replaceWith(\"
\" + self.parameters.SavedText + \"\");\r\n jQuery(\"p #nhs_NextStepsSaveThisItem\").addClass(\"nhs_ItemSaved\").text(self.parameters.SavedText).removeAttr(\"onclick\").removeAttr(\"href\");\r\n\r\n }\r\n }).bind(this), \"json\");\r\n logger.logEventWithParameters((isNextStepsSaveClick ? self.parameters.NextStepsClickSave : \"HOMSTC\"), self.parameters.logInfo);\r\n },\r\n NextStepsSaveHome: function () {\r\n var self = this;\r\n if (!jQuery(this).is(\".nhs_ItemSaved\"))\r\n self.SaveHome(true);\r\n },\r\n\r\n ShowSuccessMessage: function (json) {\r\n var self = this;\r\n if (!json.data) {\r\n window.location.href = json.redirectUrl;\r\n } else {\r\n if (json.message === self.parameters.saveMessage) {\r\n //jQuery(\"#nhs_SaveThisItem\").hide();\r\n jQuery(\"a#nhs_SaveThisItem\").replaceWith(\"
\" + self.parameters.SavedToYourProfileText + \"\");\r\n jQuery(\"#SuccessMessage\").show();\r\n //RemoveHome();\r\n } else {\r\n self = this;\r\n jQuery(\"span#nhs_SaveThisItem\").replaceWith(\"
\" + self.parameters.SaveToFavoritesText + \"\");\r\n jQuery(\"span.nhs_Save.nhs_Saved\").replaceWith(\"
Save\");\r\n jQuery(\"a#nhs_SaveThisItem, a.nhs_Save\").on(\"click\", function () {\r\n self.SaveHome();\r\n });\r\n }\r\n }\r\n },\r\n\r\n _updateAdsPosition: function () {\r\n var detailInfo = document.querySelector(\".nhs_DetailMain:not(.nhs_First)\");\r\n var adCol = document.querySelector(\"#nhs_AdColumn\");\r\n var container = adCol.querySelector(\"div\");\r\n\r\n if (!detailInfo || !adCol || !container || typeof window.MutationObserver === \"undefined\") return;\r\n\r\n container.setAttribute(\"style\", \"position: -webkit-sticky; position: sticky; top: 0; right: 0;\");\r\n\r\n var updateHandler = function () {\r\n detailInfo.style.height = \"\"; // Make sure height values are as default before calculating the real heights \r\n\r\n var detailInfoHeight = detailInfo.getBoundingClientRect().height;\r\n var containerHeight = container.getBoundingClientRect().height;\r\n\r\n if (detailInfoHeight > containerHeight) {\r\n var totalHeightDetail = detailInfoHeight - 250;\r\n adCol.style.height = totalHeightDetail + \"px\";\r\n } else {\r\n containerHeight += 30;\r\n adCol.style.height = containerHeight + \"px\";\r\n detailInfo.style.height = containerHeight + \"px\";\r\n }\r\n\r\n if (document.documentElement.clientWidth > 976) {\r\n adCol.style.display = \"block\";\r\n } else if (adCol.style.display === \"block\") {\r\n adCol.style.display = \"none\";\r\n }\r\n };\r\n\r\n try {\r\n var resultsObserver = new MutationObserver(updateHandler);\r\n addEventListener(\"orientationchange\", updateHandler);\r\n addEventListener(\"resize\", updateHandler);\r\n resultsObserver.observe(detailInfo, {\r\n subtree: true,\r\n childList: true\r\n });\r\n } catch (e) {\r\n setInterval(updateHandler, 3000);\r\n }\r\n // The Height of the nhs_ResAdCol will change according to the height of the results\r\n // and the function above will be executed anytime the results change\r\n },\r\n\r\n getCaptionToDisplay: function (text) {\r\n var replacedText = text;\r\n var replaceObjetive = text.match(/\\w:\\w/i);\r\n\r\n if (replaceObjetive !== null)\r\n replacedText = text.replace(replaceObjetive[0], replaceObjetive[0][0] + \": \" + replaceObjetive[0][2]);\r\n\r\n return replacedText;\r\n }\r\n}\r\n\r\ndocument.addEventListener(\"readystatechange\", function () {\r\n if (document.readyState === \"complete\") {\r\n NHS.loadCss(document.getElementById(\"detailsXpNonCriticalCss\").value);\r\n\r\n if (window.NewHomeSource.ElementToggler) {\r\n window.NewHomeSource.ElementToggler.Init();\r\n }\r\n\r\n if (window.NewHomeSource.CommunityAndNeighBorhoodHandler) {\r\n window.NewHomeSource.CommunityAndNeighBorhoodHandler.init();\r\n }\r\n\r\n if (window.NewHomeSource.InitialLoadModalHandler) {\r\n window.NewHomeSource.InitialLoadModalHandler.DisplayModal();\r\n }\r\n }\r\n});\r\n\r\n/*Show floating form when is collapse*/\r\nvar takeATourFloatingButton = document.querySelector(\"[data-take-tour]\");\r\nvar floatingFormContainerHide = \" \";\r\nif (takeATourFloatingButton) {\r\n takeATourFloatingButton.addEventListener(\"click\", function () {\r\n floatingFormContainerHide = document.querySelector(\"[data-floating-form-container]\");\r\n if (floatingFormContainerHide) {\r\n floatingFormContainerHide.classList.remove(\"minimize\");\r\n }\r\n });\r\n}\r\n\r\n(function () {\r\n const trustBuilderReviewsSection = document.querySelector('[data-detail-reviews-section]');\r\n const builderSection = document.getElementById('builderInfoSection');\r\n\r\n if (trustBuilderReviewsSection && builderSection) {\r\n trustBuilderReviewsSection.addEventListener('touchend', function (event) {\r\n event.preventDefault();\r\n builderSection.scrollIntoView();\r\n });\r\n }\r\n}());","var formObserver;\r\nvar isCustomLocation = document.getElementById(\"IsCustomLocation\");\r\nvar isBasic = document.getElementById(\"IsBasic\");\r\nisBasic = isBasic && isBasic.value === \"True\";\r\nisCustomLocation = isCustomLocation && isCustomLocation.value === \"True\";\r\nvar isComingSoon = document.querySelector(\"[data-is-coming-soon]\")\r\n ? document.querySelector(\"[data-is-coming-soon]\").value === \"True\"\r\n : false;\r\n\r\nfunction formValuesToQueryString(data) {\r\n var queryString = \"\";\r\n var keyValuePair = Object.entries(data);\r\n if (keyValuePair && keyValuePair.length > 0) {\r\n for (var i = 0; i < keyValuePair.length; i++) {\r\n if (typeof keyValuePair[i][1] !== \"undefined\") {\r\n queryString += keyValuePair[i][0] + \"=\" + keyValuePair[i][1] + \"&\";\r\n }\r\n }\r\n }\r\n queryString = queryString.substring(0, queryString.length - 1);\r\n\r\n return queryString;\r\n};\r\n\r\nfunction showThankYouPageForExternalLeads(event) {\r\n var data = getFreeBrochureData(event);\r\n var url = \"/getthankyoupageafterexternallead?\" + formValuesToQueryString(data);\r\n window.NewHomeSource.ModalLoader.showModal(url);\r\n}\r\n\r\nfunction onChangeToggleZipInput(checkboxElem) {\r\n var form = checkboxElem.closest(\"form\");\r\n var zipInput = form.querySelector(\"[name='postal']\");\r\n\r\n if (checkboxElem.checked) {\r\n zipInput.disabled = true;\r\n zipInput.value = \"\";\r\n } else {\r\n zipInput.disabled = false;\r\n }\r\n}\r\n\r\n/**\r\n * Opens the custom scheduler, if the community is part of the scheduler program.\r\n * @param {HTMLElement} element The element triggering the form sending.\r\n */\r\nfunction openScheduler(element) {\r\n const isCustomScheduler = element.dataset.component === 'lead-by-iframe';\r\n\r\n if (isCustomScheduler && window.NewHomeSource.SchedulerHandler) {\r\n window.NewHomeSource.SchedulerHandler.openSchedulerTab(element);\r\n }\r\n}\r\n\r\nfunction onClickSendForm(event, callback) {\r\n event.preventDefault();\r\n NHS.loadCss(document.getElementById(\"detailsXpRecosCss\").value);\r\n\r\n var currentForm = event.target.closest(\"form\");\r\n var sendButton = currentForm.querySelector(\"[data-send-form]\");\r\n\r\n var valid = formValidator.validateForm(currentForm, true);\r\n\r\n if (valid) {\r\n sendButton.setAttribute(\"disabled\", \"disabled\");\r\n\r\n if (isCustomLocation) {\r\n sendAskQuestionLead(event, callback);\r\n } else if (!isBasic){\r\n openScheduler(event.target);\r\n sendFreeBrochureLead(event, event.target, callback);\r\n }\r\n }\r\n}\r\n\r\nfunction addDataInComment(formElem) {\r\n const commentElem = formElem.querySelector(\"textarea\")\r\n let comment = commentElem ? commentElem.value : '';\r\n var isOnPageForm = formElem.getAttribute(\"data-onpage-form\") === \"\";\r\n const isRegularLeadForm = formElem.getAttribute('data-regular-lead-form') === '';\r\n const isAskQuestionForm = formElem.getAttribute('data-is-ask-question-form') === '';\r\n var isFullImageViewer = formElem.parentElement.getAttribute(\"data-panel-form-type\") === \"scheduleTour\";\r\n var commentData = \"\";\r\n\r\n if (isAskQuestionForm ||\r\n (isFullImageViewer && isComingSoon)) {\r\n return comment;\r\n }\r\n\r\n if (isOnPageForm) {\r\n commentData = getOnPageFormCommentData(formElem);\r\n } else if (isRegularLeadForm || isFullImageViewer) {\r\n commentData = getTourFormCommentData(formElem);\r\n }\r\n\r\n // if there is a users comment, appends the commentData at the end\r\n if (commentData !== \"\") {\r\n comment += comment === \"\"\r\n ? commentData\r\n : \" - \" + commentData;\r\n }\r\n\r\n return comment;\r\n}\r\n\r\nfunction getLeadAction(formTriggeredElement) {\r\n const isOnPageForm = formTriggeredElement.hasAttribute(\"data-onpage-form\");\r\n let leadActionType = isOnPageForm ? \" \" : null;\r\n const isFullImageContactBuilder = formTriggeredElement.parentElement.getAttribute('data-panel-form-type') === 'contactBuilder';\r\n const isAskQuestion = formTriggeredElement.hasAttribute(\"data-is-ask-question-form\");\r\n\r\n if (isFullImageContactBuilder || isAskQuestion) {\r\n return leadActionType;\r\n }\r\n\r\n if (!isOnPageForm) {\r\n const virtualTourElement = formTriggeredElement.querySelector(\"[data-is-virtual-tour]\");\r\n\r\n if (virtualTourElement) {\r\n leadActionType = formTriggeredElement.querySelector(\"[data-is-virtual-tour]\").checked ? \"rva\" : \"ra\";\r\n }\r\n else {\r\n leadActionType = \"ra\";\r\n }\r\n }\r\n \r\n return leadActionType;\r\n}\r\n\r\n/**\r\n * Gets the additional information that should be included in the comment field for the on page form.\r\n * @param {element} formElem The floating form element.\r\n * @returns The information that should be appended to the comment field.\r\n */\r\nfunction getOnPageFormCommentData(formElem) {\r\n var formOptions = formElem.querySelectorAll(\"[name='form-options']:checked\");\r\n var formText = \"\";\r\n\r\n for (var i = 0; i < formOptions.length; ++i) {\r\n var currentOption = formOptions[i];\r\n formText += formText === \"\"\r\n ? currentOption.getAttribute(\"data-comment\") + \",\"\r\n : \" \" + currentOption.getAttribute(\"data-comment\") + \",\";\r\n }\r\n\r\n if (formText !== \"\") {\r\n formText = \"Interested in: \" + formText.slice(0, -1) + \".\";\r\n }\r\n\r\n return formText;\r\n}\r\n\r\n\r\n/**\r\n * Get the data that should be appended to the comment field of the 'tour' forms.\r\n * This logic applies for the floating form tour form and the tour form in next steps section.\r\n * @param {any} formElement The form to handle.\r\n * @returns A string indicating if date and if the lead is a virtual tour or a 1 on 1 meeting.\r\n */\r\nfunction getTourFormCommentData(formElement) {\r\n const virtualTourElement = formElement.querySelector(\"[data-is-virtual-tour]\");\r\n const isVirtualTour = !!virtualTourElement && virtualTourElement.checked;\r\n let selectedDateElement = formElement.querySelector(\"[data-date]\");\r\n let finalDate = '';\r\n\r\n if (selectedDateElement) {\r\n const selectedDate = selectedDateElement.getAttribute(\"data-date\");\r\n finalDate = selectedDate.replace(/[^ -~]/g, '');\r\n }\r\n else {\r\n return '';\r\n }\r\n\r\n if (isVirtualTour) {\r\n return formElement.querySelector(\"[data-text-video-chat]\").value + \" \" + finalDate;\r\n } else {\r\n return formElement.querySelector(\"[data-text-in-person]\").value + \" \" + finalDate;\r\n }\r\n}\r\n\r\n/**\r\n * Gets the preferred method of contact selected in the form