').insertAfter($(this));\n }\n charCountContainer.html(charCountHtml);\n // trigger the keydown event so that any existing character data is calculated\n $(this).change();\n });\n },\n /**\n * @function\n * @description Binds the onclick-event to a delete button on a given container,\n * which opens a confirmation box with a given message\n * @param {string} container The name of element to which the function will be bind\n * @param {string} message The message the will be shown upon a click\n */\n setDeleteConfirmation: function (container, message) {\n $(container).on('click', '.delete', function () {\n return window.confirm(message);\n });\n },\n /**\n * @function\n * @description Scrolls a browser window to a given x point\n * @param {string} xLocation - The x coordinate\n */\n scrollBrowser: function (xLocation) {\n $('html, body').animate({ scrollTop: xLocation }, 500);\n },\n\n isMobile: function () {\n var mobileAgentHash = ['mobile', 'tablet', 'phone', 'ipad', 'ipod', 'android', 'blackberry', 'windows ce', 'opera mini', 'palm'];\n var idx = 0;\n var isMobile = false;\n var userAgent = (navigator.userAgent).toLowerCase();\n\n while (mobileAgentHash[idx] && !isMobile) {\n isMobile = (userAgent.indexOf(mobileAgentHash[idx]) >= 0);\n idx++;\n }\n return isMobile;\n },\n\n // //////////////////////////////////\n // Added for Build-A-Bear project //\n // //////////////////////////////////\n\n /**\n * Return boolean indicating whether the browser is currently being displayed in the \"bootstrap mobile\" viewport (below 992)\n * Ex: if (util.isBoostrapMobileViewport()) //do something\n */\n isBoostrapMobileViewport: function () {\n return $(window).innerWidth() < this.getViewports('bootstrapLarge');\n },\n\n /**\n * Return boolean indicating whether the browser is currently being displayed in the \"mobile\" viewport (below 768)\n * Ex: if (util.isMobileViewport()) //do something\n */\n isMobileViewport: function () {\n return $(window).innerWidth() < this.getViewports('large');\n },\n\n /**\n * Return boolean indicating whether the browser is currently being displayed in the viewport that shows a mobile header (below 1025)\n * Ex: if (util.isMobileHeaderViewport()) //do something\n */\n isMobileHeaderViewport: function () {\n return $(window).innerWidth() < this.getViewports('desktop');\n },\n\n /**\n * Return boolean indicating whether the browser is currently being displayed in the \"desktop\" viewport (above 767)\n * Ex: if (util.isDesktopViewport()) //do something\n */\n isDesktopViewport: function () {\n return $(window).innerWidth() >= this.getViewports('large');\n },\n\n /**\n * Return boolean indicating whether the browser is currently being displayed in the viewport that shows a desktop header (above 1024)\n * Ex: if (util.isDesktopHeaderViewport()) //do something\n */\n isDesktopHeaderViewport: function () {\n return $(window).innerWidth() >= this.getViewports('desktop');\n },\n\n /**\n * Execute callback function when the user has stopped resizing the screen.\n * @param callback {Function} The callback function to execute.\n * Ex:\n * util.smartResize(function () {\n * doSomething();\n * });\n */\n smartResize: function (callback) {\n var timeout;\n\n window.addEventListener('resize', function () {\n clearTimeout(timeout);\n timeout = setTimeout(callback, 100);\n });\n\n return callback;\n },\n\n // generate a unique(ish) number. useful for taggin unique jquery selectors / namespaces\n guid: function () {\n var timestamp = new Date().getUTCMilliseconds();\n return timestamp;\n },\n\n // detect click outside an element\n clickOutside: function ($parentTrigger, ev, func) {\n var initialevent,\n callBack;\n if (typeof ev === 'function' && typeof func === 'undefined') {\n callBack = ev;\n } else {\n initialevent = ev;\n callBack = func;\n }\n // get a unique ID string\n var guid = util.guid();\n // assign a specific namespace to a click handler on the document,\n // so we can unbind it later without unbinding all document-click events.\n var clicknamespace = 'click.outside' + guid;\n $(document).on(clicknamespace, function (e) {\n // determine if the click was inside the given wrapper\n // if 'ev' was provided, this is the original click event that should be skipped.\n if (!!initialevent && initialevent.timeStamp == e.timeStamp) {\n return;\n }\n if ($(e.target).parents().is($parentTrigger) == false) {\n if (typeof callBack === 'function') {\n // execute the callback function, if defined\n callBack();\n }\n // unbind this click event after it's served its purpose\n $(document).off(clicknamespace);\n }\n });\n },\n\n // check to see if this date is the required amount of years ago\n isRequiredAge: function (date, month, year) {\n var requiredAge = SitePreferences.AGE_GATE_YEARS;\n var today = new Date();\n var birthDate = new Date(year, month - 1, date);\n var age = today.getFullYear() - birthDate.getFullYear();\n var m = today.getMonth() - birthDate.getMonth();\n if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {\n age--;\n }\n if (age < requiredAge) {\n return false;\n }\n return true;\n },\n\n initEinsteinSlick: function () {\n var einsteinTimer = setInterval(function () { initFb(); }, 1000);\n\n var initFb = function () {\n // Carousels need at least 4 items to function, otherwise they break visually.\n if ($('.recommendation-item').length > 3) {\n clearInterval(einsteinTimer);\n $('.product-recommendations, .einstein-recommendations').slick({\n speed: 300,\n dots: false,\n arrows: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n prevArrow: window.Iconography.PREV_ARROW,\n nextArrow: window.Iconography.NEXT_ARROW,\n mobileFirst: true,\n lazyLoad: 'ondemand',\n adaptiveHeight: false,\n responsive: [\n {\n breakpoint: 768,\n settings: {\n slidesToShow: 4\n }\n }\n ]\n });\n } else {\n $('.product-recommendations, .einstein-recommendations').parents('.reco-products').hide();\n }\n };\n },\n\n initLazyLoad: function () {\n // for tiles - fadein breaks hover anni\n if ($('.lazy.nofadein').length > 0) {\n $('.lazy.nofadein').unveil(200);\n }\n // for general elements\n if ($('.lazy.fadein').length > 0) {\n $('.lazy.fadein').unveil(200, function () {\n $(this).load(function () {\n this.style.opacity = 1;\n });\n });\n }\n // trigger above fold home page quad carousel\n if ($('.quad-carousel .lazy.nofadein').length > 0) {\n $('.quad-carousel .lazy.nofadein').trigger('unveil');\n }\n\n // trigger above fold row on browse pages\n if ($('.grid-tile:nth-child(-n+3) .lazy').length > 0) {\n $('.grid-tile:nth-child(-n+3) .lazy').trigger('unveil');\n }\n },\n\n conversantAnalytics: function (promoId, userId, dept, ctgry, subCtgry, prdctId, idVal) {\n // START::CONVERSANT JAVASCRIPT\n var dtmSrc = window.location.protocol + '//login.dotomi.com/ucm/UCMController?' +\n 'dtm_com=28&dtm_fid=101&dtm_cid=62379&dtm_cmagic=e56420&dtm_format=5';\n var dtmTag = new Array();\n /* eslint-disable */\n dtmTag.cli_promo_id = promoId;\n dtmTag.dtm_user_id = userId;\n dtmTag.dtmc_department = dept;\n dtmTag.dtmc_category = ctgry;\n dtmTag.dtmc_sub_category = subCtgry;\n dtmTag.dtmc_product_id = prdctId;\n dtmTag.dtm_user_token = '';\n dtmTag.dtmc_ref = document.referrer;\n dtmTag.dtmc_loc = document.location.href;\n dtmTag.fpc_ststus = '';\n /* eslint-enable */\n\n function readCookieDotomi() {\n var nameEQ = 'dtm_token=';\n var fpcStatus = 'DotomiStatus=';\n var ca = document.cookie.split(';');\n for (var i = 0; i < ca.length; i++) {\n var c = ca[i];\n while (c.charAt(0) == ' ') { c = c.substring(1, c.length); }\n if (c.indexOf(nameEQ) == 0) { dtmTag.DTM_USER_TOKEN = c.substring(nameEQ.length, c.length); }\n if (c.indexOf(fpcStatus) == 0) { dtmTag.FPC_STATUS = c.substring(fpcStatus.length, c.length); }\n }\n }\n readCookieDotomi();\n\n for (var item in dtmTag) {\n if (typeof dtmTag[item] != 'function' && typeof dtmTag[item] != 'object') {\n dtmSrc += '&' + item + '=' + encodeURIComponent(dtmTag[item]);\n }\n }\n if (idVal == true) {\n var dtmDivHtml = document.getElementById('dtmdiv').innerHTML = '';\n setTimeout(dtmDivHtml, 2000);\n }\n var dotomiNode = document.createElement('div');\n dotomiNode.style.display = 'none';\n dotomiNode.id = 'dtmdiv';\n var dotomiIFrame = document.createElement('iframe');\n dotomiIFrame.name = 'response_frame';\n dotomiIFrame.title = 'Dotomi personalization';\n dotomiIFrame.src = dtmSrc;\n dotomiNode.appendChild(dotomiIFrame);\n document.getElementsByTagName('body')[0].appendChild(dotomiNode);\n // END::CONVERSANT JAVASCRIPT\n },\n\n gmSpecialCharsCheck: function (message) {\n var regex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])/;\n var isValid = regex.test(message);\n return isValid;\n }\n\n};\n\nmodule.exports = util;\n","'use strict';\n\n/**\n * @name MarkerWithLabel for V3\n * @version 1.1.9 [June 30, 2013]\n * @author Gary Little (inspired by code from Marc Ridey of Google).\n * @copyright Copyright 2012 Gary Little [gary at luxcentral.com]\n * @fileoverview MarkerWithLabel extends the Google Maps JavaScript API V3\n *
google.maps.Marker class.\n *
\n * MarkerWithLabel allows you to define markers with associated labels. As you would expect,\n * if the marker is draggable, so too will be the label. In addition, a marker with a label\n * responds to all mouse events in the same manner as a regular marker. It also fires mouse\n * events and \"property changed\" events just as a regular marker would. Version 1.1 adds\n * support for the raiseOnDrag feature introduced in API V3.3.\n *
\n * If you drag a marker by its label, you can cancel the drag and return the marker to its\n * original position by pressing the Esc key. This doesn't work if you drag the marker\n * itself because this feature is not (yet) supported in the google.maps.Marker class.\n */\n\n/*!\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *\t\thttp://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/* eslint-disable */\n\n/**\n * @param {Function} childCtor Child class.\n * @param {Function} parentCtor Parent class.\n */\nfunction inherits(childCtor, parentCtor) {\n /** @constructor */\n function TempCtor() {}\n TempCtor.prototype = parentCtor.prototype;\n childCtor.superClass_ = parentCtor.prototype;\n childCtor.prototype = new TempCtor();\n /** @override */\n childCtor.prototype.constructor = childCtor;\n}\n\n/**\n * This constructor creates a label and associates it with a marker.\n * It is for the private use of the MarkerWithLabel class.\n * @constructor\n * @param {Marker} marker The marker with which the label is to be associated.\n * @param {string} crossURL The URL of the cross image =.\n * @private\n */\nfunction MarkerLabel_(marker, crossURL) {\n this.marker_ = marker;\n this.handCursorURL_ = marker.handCursorURL;\n\n this.labelDiv_ = document.createElement('div');\n this.labelDiv_.style.cssText = 'position: absolute; overflow: hidden;';\n\n // Set up the DIV for handling mouse events in the label. This DIV forms a transparent veil\n // in the \"overlayMouseTarget\" pane, a veil that covers just the label. This is done so that\n // events can be captured even if the label is in the shadow of a google.maps.InfoWindow.\n // Code is included here to ensure the veil is always exactly the same size as the label.\n this.eventDiv_ = document.createElement('div');\n this.eventDiv_.style.cssText = this.labelDiv_.style.cssText;\n\n // This is needed for proper behavior on MSIE:\n this.eventDiv_.setAttribute('onselectstart', 'return false;');\n this.eventDiv_.setAttribute('ondragstart', 'return false;');\n\n // Get the DIV for the \"X\" to be displayed when the marker is raised.\n this.crossDiv_ = MarkerLabel_.getSharedCross(crossURL);\n}\nif (typeof google !== 'undefined') {\n inherits(MarkerLabel_, google.maps.OverlayView);\n}\n\n/**\n * Returns the DIV for the cross used when dragging a marker when the\n * raiseOnDrag parameter set to true. One cross is shared with all markers.\n * @param {string} crossURL The URL of the cross image =.\n * @private\n */\nMarkerLabel_.getSharedCross = function (crossURL) {\n var div;\n if (typeof MarkerLabel_.getSharedCross.crossDiv === 'undefined') {\n div = document.createElement('img');\n div.style.cssText = 'position: absolute; z-index: 1000002; display: none;';\n // Hopefully Google never changes the standard \"X\" attributes:\n div.style.marginLeft = '-8px';\n div.style.marginTop = '-9px';\n div.src = crossURL;\n MarkerLabel_.getSharedCross.crossDiv = div;\n }\n return MarkerLabel_.getSharedCross.crossDiv;\n};\n\n/**\n * Adds the DIV representing the label to the DOM. This method is called\n * automatically when the marker's setMap method is called.\n * @private\n */\nMarkerLabel_.prototype.onAdd = function () {\n var me = this;\n var cMouseIsDown = false;\n var cDraggingLabel = false;\n var cSavedZIndex;\n var cLatOffset, cLngOffset;\n var cIgnoreClick;\n var cRaiseEnabled;\n var cStartPosition;\n var cStartCenter;\n // Constants:\n var cRaiseOffset = 20;\n var cDraggingCursor = 'url(' + this.handCursorURL_ + ')';\n\n // Stops all processing of an event.\n //\n var cAbortEvent = function (e) {\n if (e.preventDefault) {\n e.preventDefault();\n }\n e.cancelBubble = true;\n if (e.stopPropagation) {\n e.stopPropagation();\n }\n };\n\n var cStopBounce = function () {\n me.marker_.setAnimation(null);\n };\n\n this.getPanes().overlayImage.appendChild(this.labelDiv_);\n this.getPanes().overlayMouseTarget.appendChild(this.eventDiv_);\n // One cross is shared with all markers, so only add it once:\n if (typeof MarkerLabel_.getSharedCross.processed === 'undefined') {\n this.getPanes().overlayImage.appendChild(this.crossDiv_);\n MarkerLabel_.getSharedCross.processed = true;\n }\n\n this.listeners_ = [\n google.maps.event.addDomListener(this.eventDiv_, 'mouseover', function (e) {\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\n this.style.cursor = 'pointer';\n google.maps.event.trigger(me.marker_, 'mouseover', e);\n }\n }),\n google.maps.event.addDomListener(this.eventDiv_, 'mouseout', function (e) {\n if ((me.marker_.getDraggable() || me.marker_.getClickable()) && !cDraggingLabel) {\n this.style.cursor = me.marker_.getCursor();\n google.maps.event.trigger(me.marker_, 'mouseout', e);\n }\n }),\n google.maps.event.addDomListener(this.eventDiv_, 'mousedown', function (e) {\n cDraggingLabel = false;\n if (me.marker_.getDraggable()) {\n cMouseIsDown = true;\n this.style.cursor = cDraggingCursor;\n }\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\n google.maps.event.trigger(me.marker_, 'mousedown', e);\n cAbortEvent(e); // Prevent map pan when starting a drag on a label\n }\n }),\n google.maps.event.addDomListener(document, 'mouseup', function (mEvent) {\n var position;\n if (cMouseIsDown) {\n cMouseIsDown = false;\n me.eventDiv_.style.cursor = 'pointer';\n google.maps.event.trigger(me.marker_, 'mouseup', mEvent);\n }\n if (cDraggingLabel) {\n if (cRaiseEnabled) { // Lower the marker & label\n position = me.getProjection().fromLatLngToDivPixel(me.marker_.getPosition());\n position.y += cRaiseOffset;\n me.marker_.setPosition(me.getProjection().fromDivPixelToLatLng(position));\n // This is not the same bouncing style as when the marker portion is dragged,\n // but it will have to do:\n try { // Will fail if running Google Maps API earlier than V3.3\n me.marker_.setAnimation(google.maps.Animation.BOUNCE);\n setTimeout(cStopBounce, 1406);\n } catch (e) {}\n }\n me.crossDiv_.style.display = 'none';\n me.marker_.setZIndex(cSavedZIndex);\n cIgnoreClick = true; // Set flag to ignore the click event reported after a label drag\n cDraggingLabel = false;\n mEvent.latLng = me.marker_.getPosition();\n google.maps.event.trigger(me.marker_, 'dragend', mEvent);\n }\n }),\n google.maps.event.addListener(me.marker_.getMap(), 'mousemove', function (mEvent) {\n var position;\n if (cMouseIsDown) {\n if (cDraggingLabel) {\n // Change the reported location from the mouse position to the marker position:\n mEvent.latLng = new google.maps.LatLng(mEvent.latLng.lat() - cLatOffset, mEvent.latLng.lng() - cLngOffset);\n position = me.getProjection().fromLatLngToDivPixel(mEvent.latLng);\n if (cRaiseEnabled) {\n me.crossDiv_.style.left = position.x + 'px';\n me.crossDiv_.style.top = position.y + 'px';\n me.crossDiv_.style.display = '';\n position.y -= cRaiseOffset;\n }\n me.marker_.setPosition(me.getProjection().fromDivPixelToLatLng(position));\n if (cRaiseEnabled) { // Don't raise the veil; this hack needed to make MSIE act properly\n me.eventDiv_.style.top = (position.y + cRaiseOffset) + 'px';\n }\n google.maps.event.trigger(me.marker_, 'drag', mEvent);\n } else {\n // Calculate offsets from the click point to the marker position:\n cLatOffset = mEvent.latLng.lat() - me.marker_.getPosition().lat();\n cLngOffset = mEvent.latLng.lng() - me.marker_.getPosition().lng();\n cSavedZIndex = me.marker_.getZIndex();\n cStartPosition = me.marker_.getPosition();\n cStartCenter = me.marker_.getMap().getCenter();\n cRaiseEnabled = me.marker_.get('raiseOnDrag');\n cDraggingLabel = true;\n me.marker_.setZIndex(1000000); // Moves the marker & label to the foreground during a drag\n mEvent.latLng = me.marker_.getPosition();\n google.maps.event.trigger(me.marker_, 'dragstart', mEvent);\n }\n }\n }),\n google.maps.event.addDomListener(document, 'keydown', function (e) {\n if (cDraggingLabel) {\n if (e.keyCode === 27) { // Esc key\n cRaiseEnabled = false;\n me.marker_.setPosition(cStartPosition);\n me.marker_.getMap().setCenter(cStartCenter);\n google.maps.event.trigger(document, 'mouseup', e);\n }\n }\n }),\n google.maps.event.addDomListener(this.eventDiv_, 'click', function (e) {\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\n if (cIgnoreClick) { // Ignore the click reported when a label drag ends\n cIgnoreClick = false;\n } else {\n google.maps.event.trigger(me.marker_, 'click', e);\n cAbortEvent(e); // Prevent click from being passed on to map\n }\n }\n }),\n google.maps.event.addDomListener(this.eventDiv_, 'dblclick', function (e) {\n if (me.marker_.getDraggable() || me.marker_.getClickable()) {\n google.maps.event.trigger(me.marker_, 'dblclick', e);\n cAbortEvent(e); // Prevent map zoom when double-clicking on a label\n }\n }),\n google.maps.event.addListener(this.marker_, 'dragstart', function () {\n if (!cDraggingLabel) {\n cRaiseEnabled = this.get('raiseOnDrag');\n }\n }),\n google.maps.event.addListener(this.marker_, 'drag', function () {\n if (!cDraggingLabel) {\n if (cRaiseEnabled) {\n me.setPosition(cRaiseOffset);\n // During a drag, the marker's z-index is temporarily set to 1000000 to\n // ensure it appears above all other markers. Also set the label's z-index\n // to 1000000 (plus or minus 1 depending on whether the label is supposed\n // to be above or below the marker).\n me.labelDiv_.style.zIndex = 1000000 + (this.get('labelInBackground') ? -1 : +1);\n }\n }\n }),\n google.maps.event.addListener(this.marker_, 'dragend', function () {\n if (!cDraggingLabel) {\n if (cRaiseEnabled) {\n me.setPosition(0); // Also restores z-index of label\n }\n }\n }),\n google.maps.event.addListener(this.marker_, 'position_changed', function () {\n me.setPosition();\n }),\n google.maps.event.addListener(this.marker_, 'zindex_changed', function () {\n me.setZIndex();\n }),\n google.maps.event.addListener(this.marker_, 'visible_changed', function () {\n me.setVisible();\n }),\n google.maps.event.addListener(this.marker_, 'labelvisible_changed', function () {\n me.setVisible();\n }),\n google.maps.event.addListener(this.marker_, 'title_changed', function () {\n me.setTitle();\n }),\n google.maps.event.addListener(this.marker_, 'labelcontent_changed', function () {\n me.setContent();\n }),\n google.maps.event.addListener(this.marker_, 'labelanchor_changed', function () {\n me.setAnchor();\n }),\n google.maps.event.addListener(this.marker_, 'labelclass_changed', function () {\n me.setStyles();\n }),\n google.maps.event.addListener(this.marker_, 'labelstyle_changed', function () {\n me.setStyles();\n })\n ];\n};\n\n/**\n * Removes the DIV for the label from the DOM. It also removes all event handlers.\n * This method is called automatically when the marker's setMap(null)\n * method is called.\n * @private\n */\nMarkerLabel_.prototype.onRemove = function () {\n var i;\n this.labelDiv_.parentNode.removeChild(this.labelDiv_);\n this.eventDiv_.parentNode.removeChild(this.eventDiv_);\n\n // Remove event listeners:\n for (i = 0; i < this.listeners_.length; i++) {\n google.maps.event.removeListener(this.listeners_[i]);\n }\n};\n\n/**\n * Draws the label on the map.\n * @private\n */\nMarkerLabel_.prototype.draw = function () {\n this.setContent();\n this.setTitle();\n this.setStyles();\n};\n\n/**\n * Sets the content of the label.\n * The content can be plain text or an HTML DOM node.\n * @private\n */\nMarkerLabel_.prototype.setContent = function () {\n var content = this.marker_.get('labelContent');\n if (typeof content.nodeType === 'undefined') {\n this.labelDiv_.innerHTML = content;\n this.eventDiv_.innerHTML = this.labelDiv_.innerHTML;\n } else {\n this.labelDiv_.innerHTML = ''; // Remove current content\n this.labelDiv_.appendChild(content);\n content = content.cloneNode(true);\n this.eventDiv_.appendChild(content);\n }\n};\n\n/**\n * Sets the content of the tool tip for the label. It is\n * always set to be the same as for the marker itself.\n * @private\n */\nMarkerLabel_.prototype.setTitle = function () {\n this.eventDiv_.title = this.marker_.getTitle() || '';\n};\n\n/**\n * Sets the style of the label by setting the style sheet and applying\n * other specific styles requested.\n * @private\n */\nMarkerLabel_.prototype.setStyles = function () {\n var i, labelStyle;\n\n // Apply style values from the style sheet defined in the labelClass parameter:\n this.labelDiv_.className = this.marker_.get('labelClass');\n this.eventDiv_.className = this.labelDiv_.className;\n\n // Clear existing inline style values:\n this.labelDiv_.style.cssText = '';\n this.eventDiv_.style.cssText = '';\n // Apply style values defined in the labelStyle parameter:\n labelStyle = this.marker_.get('labelStyle');\n for (i in labelStyle) {\n if (labelStyle.hasOwnProperty(i)) {\n this.labelDiv_.style[i] = labelStyle[i];\n this.eventDiv_.style[i] = labelStyle[i];\n }\n }\n this.setMandatoryStyles();\n};\n\n/**\n * Sets the mandatory styles to the DIV representing the label as well as to the\n * associated event DIV. This includes setting the DIV position, z-index, and visibility.\n * @private\n */\nMarkerLabel_.prototype.setMandatoryStyles = function () {\n this.labelDiv_.style.position = 'absolute';\n this.labelDiv_.style.overflow = 'hidden';\n this.eventDiv_.style.position = this.labelDiv_.style.position;\n this.eventDiv_.style.overflow = this.labelDiv_.style.overflow;\n this.setAnchor();\n this.setPosition(); // This also updates z-index, if necessary.\n this.setVisible(true);\n};\n\n/**\n * Sets the anchor point of the label.\n * @private\n */\nMarkerLabel_.prototype.setAnchor = function () {\n var anchor = this.marker_.get('labelAnchor');\n this.labelDiv_.style.marginLeft = -anchor.x + 'px';\n this.labelDiv_.style.marginTop = -anchor.y + 'px';\n this.eventDiv_.style.marginLeft = -anchor.x + 'px';\n this.eventDiv_.style.marginTop = -anchor.y + 'px';\n};\n\n/**\n * Sets the position of the label. The z-index is also updated, if necessary.\n * @private\n */\nMarkerLabel_.prototype.setPosition = function (yOffset) {\n var position = this.getProjection().fromLatLngToDivPixel(this.marker_.getPosition());\n if (typeof yOffset === 'undefined') {\n yOffset = 0;\n }\n this.labelDiv_.style.left = Math.round(position.x) + 'px';\n this.labelDiv_.style.top = Math.round(position.y - yOffset) + 'px';\n this.eventDiv_.style.left = this.labelDiv_.style.left;\n this.eventDiv_.style.top = this.labelDiv_.style.top;\n\n this.setZIndex();\n};\n\n/**\n * Sets the z-index of the label. If the marker's z-index property has not been defined, the z-index\n * of the label is set to the vertical coordinate of the label. This is in keeping with the default\n * stacking order for Google Maps: markers to the south are in front of markers to the north.\n * @private\n */\nMarkerLabel_.prototype.setZIndex = function () {\n var zAdjust = (this.marker_.get('labelInBackground') ? -1 : +1);\n if (typeof this.marker_.getZIndex() === 'undefined') {\n this.labelDiv_.style.zIndex = parseInt(this.labelDiv_.style.top, 10) + zAdjust;\n this.eventDiv_.style.zIndex = this.labelDiv_.style.zIndex;\n } else {\n this.labelDiv_.style.zIndex = this.marker_.getZIndex() + zAdjust;\n this.eventDiv_.style.zIndex = this.labelDiv_.style.zIndex;\n }\n};\n\n/**\n * Sets the visibility of the label. The label is visible only if the marker itself is\n * visible (i.e., its visible property is true) and the labelVisible property is true.\n * @private\n */\nMarkerLabel_.prototype.setVisible = function () {\n if (this.marker_.get('labelVisible')) {\n this.labelDiv_.style.display = this.marker_.getVisible() ? 'block' : 'none';\n } else {\n this.labelDiv_.style.display = 'none';\n }\n this.eventDiv_.style.display = this.labelDiv_.style.display;\n};\n\n/**\n * @name MarkerWithLabelOptions\n * @class This class represents the optional parameter passed to the {@link MarkerWithLabel} constructor.\n * The properties available are the same as for google.maps.Marker with the addition\n * of the properties listed below. To change any of these additional properties after the labeled\n * marker has been created, call google.maps.Marker.set(propertyName, propertyValue).\n *
\n * When any of these properties changes, a property changed event is fired. The names of these\n * events are derived from the name of the property and are of the form propertyname_changed.\n * For example, if the content of the label changes, a labelcontent_changed event\n * is fired.\n *
\n * @property {string|Node} [labelContent] The content of the label (plain text or an HTML DOM node).\n * @property {Point} [labelAnchor] By default, a label is drawn with its anchor point at (0,0) so\n * that its top left corner is positioned at the anchor point of the associated marker. Use this\n * property to change the anchor point of the label. For example, to center a 50px-wide label\n * beneath a marker, specify a labelAnchor of google.maps.Point(25, 0).\n * (Note: x-values increase to the right and y-values increase to the top.)\n * @property {string} [labelClass] The name of the CSS class defining the styles for the label.\n * Note that style values for position, overflow, top,\n * left, zIndex, display, marginLeft, and\n * marginTop are ignored; these styles are for internal use only.\n * @property {Object} [labelStyle] An object literal whose properties define specific CSS\n * style values to be applied to the label. Style values defined here override those that may\n * be defined in the labelClass style sheet. If this property is changed after the\n * label has been created, all previously set styles (except those defined in the style sheet)\n * are removed from the label before the new style values are applied.\n * Note that style values for position, overflow, top,\n * left, zIndex, display, marginLeft, and\n * marginTop are ignored; these styles are for internal use only.\n * @property {boolean} [labelInBackground] A flag indicating whether a label that overlaps its\n * associated marker should appear in the background (i.e., in a plane below the marker).\n * The default is false, which causes the label to appear in the foreground.\n * @property {boolean} [labelVisible] A flag indicating whether the label is to be visible.\n * The default is true. Note that even if labelVisible is\n * true, the label will not be visible unless the associated marker is also\n * visible (i.e., unless the marker's visible property is true).\n * @property {boolean} [raiseOnDrag] A flag indicating whether the label and marker are to be\n * raised when the marker is dragged. The default is true. If a draggable marker is\n * being created and a version of Google Maps API earlier than V3.3 is being used, this property\n * must be set to false.\n * @property {boolean} [optimized] A flag indicating whether rendering is to be optimized for the\n * marker. Important: The optimized rendering technique is not supported by MarkerWithLabel,\n * so the value of this parameter is always forced to false.\n * @property {string} [crossImage=\"http://maps.gstatic.com/intl/en_us/mapfiles/drag_cross_67_16.png\"]\n * The URL of the cross image to be displayed while dragging a marker.\n * @property {string} [handCursor=\"http://maps.gstatic.com/intl/en_us/mapfiles/closedhand_8_8.cur\"]\n * The URL of the cursor to be displayed while dragging a marker.\n */\n/**\n * Creates a MarkerWithLabel with the options specified in {@link MarkerWithLabelOptions}.\n * @constructor\n * @param {MarkerWithLabelOptions} [optOptions] The optional parameters.\n */\nfunction MarkerWithLabel(optOptions) {\n optOptions = optOptions || {};\n optOptions.labelContent = optOptions.labelContent || '';\n optOptions.labelAnchor = optOptions.labelAnchor || new google.maps.Point(0, 0);\n optOptions.labelClass = optOptions.labelClass || 'markerLabels';\n optOptions.labelStyle = optOptions.labelStyle || {};\n optOptions.labelInBackground = optOptions.labelInBackground || false;\n if (typeof optOptions.labelVisible === 'undefined') {\n optOptions.labelVisible = true;\n }\n if (typeof optOptions.raiseOnDrag === 'undefined') {\n optOptions.raiseOnDrag = true;\n }\n if (typeof optOptions.clickable === 'undefined') {\n optOptions.clickable = true;\n }\n if (typeof optOptions.draggable === 'undefined') {\n optOptions.draggable = false;\n }\n if (typeof optOptions.optimized === 'undefined') {\n optOptions.optimized = false;\n }\n optOptions.crossImage = optOptions.crossImage || 'http' + (document.location.protocol === 'https:' ? 's' : '') + '://maps.gstatic.com/intl/en_us/mapfiles/drag_cross_67_16.png';\n optOptions.handCursor = optOptions.handCursor || 'http' + (document.location.protocol === 'https:' ? 's' : '') + '://maps.gstatic.com/intl/en_us/mapfiles/closedhand_8_8.cur';\n optOptions.optimized = false; // Optimized rendering is not supported\n\n this.label = new MarkerLabel_(this, optOptions.crossImage, optOptions.handCursor); // Bind the label to the marker\n\n // Call the parent constructor. It calls Marker.setValues to initialize, so all\n // the new parameters are conveniently saved and can be accessed with get/set.\n // Marker.set triggers a property changed event (called 'propertyname_changed')\n // that the marker label listens for in order to react to state changes.\n google.maps.Marker.apply(this, arguments);\n}\nif (typeof google !== 'undefined') {\n inherits(MarkerWithLabel, google.maps.Marker);\n}\n\n/**\n * Overrides the standard Marker setMap function.\n * @param {Map} theMap The map to which the marker is to be added.\n * @private\n */\nMarkerWithLabel.prototype.setMap = function (theMap) {\n\n // Call the inherited function...\n google.maps.Marker.prototype.setMap.apply(this, arguments);\n\n // ... then deal with the label:\n this.label.setMap(theMap);\n};\n\nmodule.exports = MarkerWithLabel;\n","'use strict';\n\nvar processInclude = require('base/util');\n\n$(document).ready(function () {\n processInclude(require('./party/party'));\n});\n","'use strict';\n\n/* global google, localStorage */\n\nvar storelocator = require('../store-locator');\nvar growl = require('core/growl');\nrequire('../thirdParty/bootstrap-datetimepicker.min');\n\nvar disabledTimes;\nvar selectedCalenderDay;\nvar storeHours = { Sunday: [], Monday: [], Tuesday: [], Wednesday: [], Thursday: [], Friday: [], Saturday: [] };\nvar currentDate = new Date();\nvar month = currentDate.getMonth() + 1;\nvar year = currentDate.getFullYear();\nvar partyUpdate = false;\nvar weekdayTxt = [\"Sunday\",\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\"];\n\nconst TEMP_TIME = ['10:00 AM', '10:30 AM', '11:00 AM', '11:30 AM', '12:00 PM', '12:30 PM', '13:00 PM', '13:30 PM', '14:00 PM', '14:30 PM', '15:00 PM', '15:30 PM', '16:00 PM', '16:30 PM', '17:00 PM', '17:30 PM'];\n\n\nfunction setTime() {\n\n let date = $('#datetimepicker').datetimepicker('getDate').toString().split(' ').slice(0, 4).join(' ');\n const formattedDate = new Date(date);\n\n const monthC = (formattedDate.getMonth() + 1).toString().padStart(2, '0');\n const dayC = formattedDate.getDate().toString().padStart(2, '0');\n const yearC = formattedDate.getFullYear();\n\n var numericDate = `${yearC}/${monthC}/${dayC}`;\n let time = $('.timepicker-times div.selected:not(.disabled)').data('time') || '00:00';\n $('input[id$=\\'party_locationGroup_eventStart\\']').val(numericDate + ' ' + time);\n\n //console.log(numericDate + ' ' + time);\n}\n\n$(document).ready(function () {\n var startDate = getCalendarStartDate();\n var endDate = getCalendarEndDate();\n initCalendar(startDate, endDate);\n var storeId = getSelectedStoreId();\n if (!storeId) {\n showStoreSelection();\n } else {\n var canBookOnline = false;\n storeCanBook(storeId).done(function (result) {\n var data = JSON.parse(result.store);\n if (data.storeInfo.canBookOnline == '1' || localStorage.getItem('partyStoreAdmin')) {\n canBookOnline = true;\n }\n if (canBookOnline) {\n partyUpdate = $('#partyEdit').val() ? $('#partyEdit').val() : false;\n showCalendar();\n getStoreHours(storeId).done(function(data) {\n storeHours = JSON.parse(data.storeHoursData);\n getDisabledTimes(storeId, month, year).done(function(data) {\n disabledTimes = JSON.parse(data.partyStoreData);\n setTimepicker();\n presetCalendar();\n if($('.page').data('action') === 'Party-Edit') {\n let date = $('#datetimepicker').datetimepicker('getDate').toString().split(' ').slice(0, 4).join(' ');\n const formattedDate = new Date(date);\n\n const monthC = (formattedDate.getMonth() + 1).toString().padStart(2, '0');\n const dayC = formattedDate.getDate().toString().padStart(2, '0');\n const yearC = formattedDate.getFullYear();\n\n var numericDate = `${yearC}/${monthC}/${dayC}`;\n var time = $('.timepicker-times div.sel:not(.disabled)').data('time') || '00:00';\n $('input[id$=\\'party_locationGroup_eventStart\\']').val(numericDate + ' ' + time);\n }\n }).fail(function() {\n growl();\n alert('Couldn\\'t get disabled times, please contact support.'); //eslint-disable-line\n });\n }).fail(function() {\n growl();\n alert('Couldn\\'t get store hours, please contact support.'); //eslint-disable-line\n });\n } else {\n stopBooking(storeTitle);\n }\n });\n }\n\n setOccasion();\n updateGuestCount();\n //setPackage();\n setTheme();\n\n\n $('input[name=dwfrm_party_detailsGroup_package]').each(function(){\n var $this = $(this);\n if ($this.hasClass('checkedCls')){\n\n var slctdId = $this.attr('id');\n $('#'+slctdId).prop('checked',true);\n\n }\n\n });\n\n $('.datetimepicker-days .table-sm .prev').empty().append('<');\n $('.datetimepicker-days .table-sm .next').empty().append('>');\n $('.datetimepicker-days .table-sm tfoot').remove();\n\n $('.datetimepicker-months .table-sm .prev').empty().append('<');\n $('.datetimepicker-months .table-sm .next').empty().append('>');\n\n $('.datetimepicker-years .table-sm .prev').empty().append('<');\n $('.datetimepicker-years .table-sm .next').empty().append('>');\n\n TEMP_TIME.forEach((date) => {\n var dateTime = (parseInt(date.split(':')[0]) > 12 ) ? (getDisplayTimeValues(parseInt(date.split(':')[0])) +':'+ date.split(':')[1]) : date;\n\n $('#timepicker .timepicker-times').append('
' + dateTime + '
');\n });\n\n $('table').on('click', function (e) {\n setTimeout(() => {\n if (e.target.className.includes('day')) {\n setTimepicker();\n updateTimeInputs('');\n }\n selectedCalenderDay = e.target.innerHTML;\n }, 0);\n });\n});\n\n// $(document).on('click keydown','.timepicker-time div', async function(e) {\n// if (e.which === 13 || e.which === 1) {\n// if (!$(this).hasClass('disabled')) {\n// $('.timepicker-times div').removeClass('selected').removeClass('sel');\n// $(this).addClass('selected');\n// setTime();\n// }\n// }\n// });\n\n\nfunction getDisplayTimeValues (time) {\n var day;\n switch (time) {\n case 13:\n day = \"1\";\n break;\n case 14:\n day = \"2\";\n break;\n case 15:\n day = \"3\";\n break;\n case 16:\n day = \"4\";\n break;\n case 17:\n day = \"5\";\n break;\n case 18:\n day = \"6\";\n break;\n case 19:\n day = \"7\";\n break;\n case 20:\n day = \"8\";\n break;\n case 21:\n day = \"9\";\n break;\n case 22:\n day = \"10\";\n break;\n }\n return day;\n}\n\n/**\n * gets the start date of for the calendar\n * based on the authentication of the user\n */\nfunction getCalendarStartDate() {\n var date = new Date();\n\n var startDate;\n if($('#eventStart').val() !== 'null' && $('#isPartyAdmin').val() === 'true'){\n startDate = new Date($('#eventStart').val());\n if(date < new Date(startDate)){\n startDate = date.setDate(date.getDate() + 1);\n }\n }else if(localStorage.getItem('partyStoreAdmin')){\n startDate = date.setDate(date.getDate());\n } else {\n // startDate = date.setDate(date.getDate());\n startDate = date.setDate(date.getDate() + window.SitePreferences.GSPARTY_DAYSOUT);\n }\n\n return new Date(startDate);\n}\n\nfunction getCalendarEndDate() {\n\n var date = new Date();\n var endDate = date.setDate(date.getDate() + 182);\n\n return new Date(endDate);\n}\n\nfunction getSelectedStoreId() {\n var id = $('input[id$=\\'party_locationGroup_storeId\\']').val();\n var storeId = id ? id.replace(/\\,/g,'') : null;\n return storeId;\n}\n\nfunction initCalendar(startDate, endDate) {\n $('#datetimepicker').on('dp.show', function () {\n $('.datepicker table.table-condensed').attr('aria-describedby','calendar_label');\n });\n $('#datetimepicker').datetimepicker({\n inline: true,\n format: 'yyyy-mm-dd',\n useCurrent: false,\n initialDate: $('input[id$=\\'party_locationGroup_eventStart\\']').val() != '' ? new Date($('input[id$=\\'party_locationGroup_eventStart\\']').val()): startDate,\n startDate: startDate,\n endDate: endDate,\n todayHighlight: true,\n minView: 'month'\n });\n}\n\nfunction presetCalendar() {\n var startDt = getPartyStartDate();\n if(startDt != ''){\n var startDate = new Date(startDt, 'DD/MM/YYYY');\n\n $('#datetimepicker').datetimepicker({\n useCurrent: false,\n setInitialDate: function () {\n this.initialDate = startDate;\n this.update();\n this.updateNavArrows();\n }\n });\n }\n}\n\nfunction getSelectedArray() {\n var times = [];\n\n var startDateTime = new Date($('#eventStart').val());\n var endDateTime = new Date($('#eventEnd').val());\n\n if (endDateTime) {\n while (startDateTime < endDateTime) {\n var eventTime = startDateTime.getHours() + ':' + startDateTime.getMinutes().toString().padStart(2, '0');\n times.push(eventTime);\n // startDateTime.add('m', 30);\n startDateTime.setMinutes(startDateTime.getMinutes() + 30);\n\n }\n }\n\n return times;\n}\n\nfunction setTimepicker() {\n var selectedRange = [];\n let date = $('#datetimepicker').datetimepicker('getDate').toString().split(' ').slice(0, 4).join(' ');\n const formattedDate = new Date(date);\n\n const monthC = (formattedDate.getMonth() + 1).toString().padStart(2, '0');\n const dayC = formattedDate.getDate().toString().padStart(2, '0');\n const yearC = formattedDate.getFullYear();\n\n var selectedDay = `${dayC}/${monthC}/${yearC}`;\n var weekday = weekdayTxt[formattedDate.getDay()];\n // var selectedDate = new Date($('#datetimepicker').find('.active').data('day'));\n // var selectedDay = new Date(selectedDate).format('DD/MM/YYYY');\n // var weekday = new Date(selectedDate).format('dddd');\n var selectedTime = getPartyStartTime();\n var resultsHtml = '';\n setTime();\n for (var x = 0; x < storeHours[weekday].length; x++) {\n\n var dateTime = (parseInt(storeHours[weekday][x].split(':')[0]) > 12 ) ? (getDisplayTimeValues(parseInt(storeHours[weekday][x].split(':')[0])) +':'+ storeHours[weekday][x].split(':')[1]) : storeHours[weekday][x];\n\n var storeHoursTime = (storeHours[weekday][x].split(':')[0]) < 12 ? 'AM':'PM';\n\n var displayTime = dateTime+' '+storeHoursTime;\n resultsHtml += '' + displayTime + '
';\n }\n if (resultsHtml == '') {\n resultsHtml = 'CLOSED
';\n }\n $('.timepicker-times').html(resultsHtml);\n //var partyDate = new Date($('#eventStart').val()).format('DD/MM/YYYY');\n var partyDate=null;\n\n if($('#eventStart').val() != null ){\n var eventStart = $('#eventStart').val();\n const eventStartDt = new Date(eventStart);\n const eventStartMonth = (eventStartDt.getMonth() + 1).toString().padStart(2, '0');\n const eventStartDate = eventStartDt.getDate().toString().padStart(2, '0');\n const eventStartYear = eventStartDt.getFullYear();\n partyDate = `${eventStartDate}/${eventStartMonth}/${eventStartYear}`;\n }\n\n if (selectedDay == partyDate && partyUpdate) {\n selectedRange = getSelectedArray();\n $('.timepicker-time.disabled').each(function() {\n var time = $(this).data('time');\n if ($.inArray(time, selectedRange) !== -1) {\n $(this).removeClass('disabled').addClass('sel');\n }\n });\n }\n $('.timepicker-times div').on('click keydown', function(e) {\n if (e.which === 13 || e.which === 1) {\n if (!$(this).hasClass('disabled')) {\n $('.timepicker-times div').removeClass('selected').removeClass('sel');\n $(this).addClass('selected');\n updateTimeInputs($(this).data('time'));\n }\n }\n });\n}\n\n\nfunction getPartyStartDate() {\n var eventStartVal = $('input[id$=\\'party_locationGroup_eventStart\\']').val();\n if (eventStartVal != '') {\n var partyStartDateTime = new Date($('input[id$=\\'party_locationGroup_eventStart\\']').val());\n\n const monthC = (partyStartDateTime.getMonth() + 1).toString().padStart(2, '0');\n const dayC = partyStartDateTime.getDate().toString().padStart(2, '0');\n const yearC = partyStartDateTime.getFullYear();\n\n const selectedDay = `${dayC}/${monthC}/${yearC}`;\n console.log(selectedDay);\n\n return `${dayC}/${monthC}/${yearC}`; //TODO check if hh:mm is needed\n }\n return '';\n}\n\nfunction getPartyStartTime() {\n var partyStartTime = '';\n var eventStartVal = $('input[id$=\\'party_locationGroup_eventStart\\']').val();\n if (eventStartVal != '') {\n var partyStartDateTime = new Date($('input[id$=\\'party_locationGroup_eventStart\\']').val());\n // var partyStartTime = partyStartDateTime.format('HH:mm');\n var partyStartTime = (partyStartDateTime.getHours() < 12) ? (partyStartDateTime.getHours()+':'+partyStartDateTime.getMinutes().toString().padStart(2, '0') + ' AM') : (partyStartDateTime.getHours()+':'+partyStartDateTime.getMinutes().toString().padStart(2, '0') + ' PM');\n return partyStartTime;\n }\n}\n\nfunction getStoreHours(storeNumber) {\n return $.ajax(window.Urls.getStoreHours, {\n method: 'GET',\n dataType: 'json',\n data: {\n storeId: storeNumber\n }\n });\n}\n\n$('#submit-details-form-check').on('click keydown', function(e) {\n //contentsquare party details continue tracking\n window._uxa = window._uxa || [];\n window._uxa.push(['trackPageview', window.location.pathname+window.location.hash.replace('#','?__') + '?cs-party-details-continue']);\n if (e.which === 13 || e.which === 1) {\n partyBookingConversionTag();\n\n //var day = $('select[id$=\\'agegate_day\\']').val();\n // var month = $('select[id$=\\'agegate_month\\']').val();\n // var year = $('select[id$=\\'agegate_year\\']').val();\n sessionStorage.setItem('dataOccasion',$('#dwfrm_party_detailsGroup_occasion').val());\n sessionStorage.setItem('dataGuest',$('#dwfrm_party_detailsGroup_totalGuests').val());\n sessionStorage.setItem('postalCode', $('.postal-code').attr('data-postalCode'));\n //var currentForm = this;\n /**checkAge(day, month, year).done(function(data) {\n if (!data.allowBookParty) {\n popUpAgeGate();\n } else {\n $('form[id$=\\'dwfrm_party_detailsGroup\\']').submit();\n }\n });*/\n $('form[id$=\\'dwfrm_party_detailsGroup\\']').submit();\n }\n});\n$('#ageGate-popup .button').click(function() {\n $('form[id$=\\'dwfrm_party_detailsGroup\\']').submit();\n});\n\n//$('form[id$=\\'dwfrm_party_detailsGroup\\']').submit(function(e) {\n// var day = $('select[id$=\\'agegate_day\\']').val();\n// var month = $('select[id$=\\'agegate_month\\']').val();\n// var year = $('select[id$=\\'agegate_year\\']').val();\n// //var currentForm = this;\n// checkAge(day, month, year).done(function(data) {\n// if (!data.allowBookParty) {\n// e.preventDefault();\n// popUpAgeGate();\n// }\n// });\n//});\n\n/**function popUpAgeGate() {\n $('#ageGate-popup').removeClass('hidden');\n}\nfunction checkAge(d, m, y) {\n return $.ajax(window.Urls.ageGate, {\n method: 'GET',\n data: {\n day: d,\n month: m,\n year: y\n }\n });\n}*/\n\nfunction showCalendar() {\n $('#loading-location').addClass('hidden');\n $('#datetime-selection').removeClass('hidden');\n $('#store-selection').addClass('hidden');\n $('#open-store-selection').removeClass('hidden');\n}\n\nfunction showStoreSelection() {\n $('#loading-location').addClass('hidden');\n $('#datetime-selection').addClass('hidden');\n $('#store-selection').removeClass('hidden');\n $('#open-store-selection').addClass('hidden');\n}\n\nfunction showLoading() {\n $('#loading-location').removeClass('hidden');\n $('#datetime-selection').addClass('hidden');\n $('#store-selection').addClass('hidden');\n}\n\nfunction loadStores() {\n $('#store-search-results .results').addClass('hidden');\n $('#store-search-results').removeClass('hidden');\n $('#store-search-results .loading-stores').removeClass('hidden');\n}\n\n//$('#datetimepicker').on('dp.change', function () {\n\n//});\n\n\n\n\n$('#open-store-selection #select-store').click(function() {\n $('#store-selection').removeClass('hidden');\n $('#datetime-selection').addClass('hidden');\n $('#open-store-selection').addClass('hidden');\n});\n\nfunction updateTimeInputs(time) {\n // var startDateTimeString = $('#datetimepicker').find('.active').data('day') + ' ' + $('.timepicker-times div.selected:not(.disabled)').data('time');\n // var startDateTime = new Date(startDateTimeString).format('YYYY/MM/DD HH:mm');\n let date = $('#datetimepicker').datetimepicker('getDate').toString().split(' ').slice(0, 4).join(' ');\n const formattedDate = new Date(date);\n\n const monthC = (formattedDate.getMonth() + 1).toString().padStart(2, '0');\n var dayC = '';\n if(selectedCalenderDay != null){\n dayC = selectedCalenderDay.padStart(2, '0');\n }else{\n dayC = formattedDate.getDate();\n }\n\n const yearC = formattedDate.getFullYear();\n\n var startDateTime = `${yearC}/${monthC}/${dayC}` + ' ' +time;\n $('#dwfrm_party_locationGroup_eventStart').val(startDateTime);\n}\n\nfunction confirmEmail() {\n var email = $('input[id$=\\'party_detailsGroup_contactEmail\\']');\n var confirmEmail = $('input[id$=\\'party_detailsGroup_confirmEmail\\']');\n\n var confirmed = true;\n if (email.val() != confirmEmail.val()) {\n confirmed = false;\n }\n\n if (!confirmed) {\n $('#email-error').removeClass('hidden');\n email.addClass('error');\n confirmEmail.addClass('error');\n } else {\n $('#email-error').addClass('hidden');\n email.removeClass('error');\n confirmEmail.removeClass('error');\n }\n}\n\nfunction getDisabledTimes(storeId, month, year) {\n return $.ajax(window.Urls.getPartyTimes, {\n method: 'get',\n dataType: 'json',\n data: {\n storeId: storeId,\n month: month,\n year: year\n }\n });\n}\n\nfunction buildStoreResults(stores) {\n var searchLocation = $('#states').val() ? $('#states option:selected').text() : 'unknown';\n $('#store-search-results').removeClass('hidden');\n var resultsHtml = '
Search Results for ' + searchLocation + '
';\n resultsHtml += '
Please select your store:
';\n resultsHtml += '
';\n } else {\n resultsHtml += '
Sorry, there are no stores in the region.
';\n }\n $('#store-search-results .results').html(resultsHtml);\n $('#store-search-results .results').removeClass('hidden');\n\n $('.search-result').click(function() {\n showLoading();\n $('.search-result').removeClass('selected');\n $(this).addClass('selected');\n var storeId = $(this).data('store');\n var storeTitle = $(this).data('title');\n var canBookOnline = false;\n storeCanBook(storeId).done(function (result) {\n var data = JSON.parse(result.store);\n if (data.storeInfo.canBookOnline == '1' || localStorage.getItem('partyStoreAdmin')) {\n canBookOnline = true;\n }\n if (canBookOnline) {\n showCalendar();\n getStoreHours(storeId).done(function(data) {\n storeHours = JSON.parse(data.storeHoursData);\n getDisabledTimes(storeId, month, year).done(function(data) {\n disabledTimes = JSON.parse(data.partyStoreData);\n presetCalendar();\n setTimepicker();\n });\n });\n } else {\n stopBooking(storeTitle);\n }\n });\n $('input[id$=\\'party_locationGroup_storeId\\']').val(storeId);\n $('#location-title').html(storeTitle);\n $('#datetime-selection').removeClass('hidden');\n });\n $('.search-result').keydown(function(e) {\n if (e.which === 13) {\n $(this).click();\n }\n });\n}\n\nfunction renderStoreSearchResults(storeData) {\n $('#store-search-results').removeClass('hidden');\n var stores = storeData.stores;\n\n var resultsHtml = '
Search Results for ' + $('#party-searchaddress').val() + '
';\n resultsHtml += '
Please select your store:
';\n resultsHtml += '
';\n\n $('#store-search-results .results').html(resultsHtml);\n $('#store-search-results .results').removeClass('hidden');\n $('.search-result').click(function() {\n showLoading();\n $('.search-result').removeClass('selected');\n $(this).addClass('selected');\n var storeId = $(this).data('store');\n var storeTitle = $(this).data('title');\n var canBookOnline = false; // change to false\n storeCanBook(storeId).done(function (result) {\n var data = JSON.parse(result.store);\n if (data.storeInfo.canBookOnline == '1' || localStorage.getItem('partyStoreAdmin')) {\n canBookOnline = true;\n }\n if (canBookOnline) {\n showCalendar();\n getStoreHours(storeId).done(function(data) {\n storeHours = JSON.parse(data.storeHoursData);\n getDisabledTimes(storeId, month, year).done(function(data) {\n disabledTimes = JSON.parse(data.partyStoreData);\n presetCalendar();\n setTimepicker();\n });\n });\n $('input[id$=\\'party_locationGroup_storeId\\']').val(storeId);\n $('#location-title').html(storeTitle);\n $('#datetime-selection').removeClass('hidden');\n } else {\n stopBooking(storeTitle);\n }\n });\n });\n $('.search-result').keydown(function(e) {\n if (e.which === 13) {\n $(this).click();\n }\n });\n}\n\nfunction stopBooking(storeTitle) {\n $('#store-cannot-book').removeClass('hidden');\n if (storeTitle.indexOf('Adventure') !== -1) {\n $('#store-msg-adv').removeClass('hidden');\n } else {\n $('#store-msg-wkshp').removeClass('hidden');\n }\n $('#datetime-selection').addClass('hidden');\n $('store-selection').addClass('hidden');\n $('#loading-location').addClass('hidden');\n}\n\nfunction initPartyStoreLocator() {\n var address = $('#party-searchaddress').val();\n storelocator.geoCode(address, function(results, status) {\n\n if (status === google.maps.GeocoderStatus.OK) {\n\n var lat = results[0].geometry.location.lat();\n var lng = results[0].geometry.location.lng();\n var postalCode = address;\n\n var country = $('#party-country').val();\n var distanceUnit = $('#party-distanceunitpref').val();\n var radius = $('#party-radius').val();\n\n locateStores(lat, lng, country, distanceUnit, radius, postalCode).done(function(data) {\n $('#store-search-results .loading-stores').addClass('hidden');\n renderStoreSearchResults(data);\n });\n }\n });\n}\n\nfunction locateStores(lat, lng, countryCode, distanceUnit, radius, postalCode) {\n var country = countryCode ? countryCode : 'US';\n var unit = distanceUnit ? distanceUnit : 'mi';\n var distance = radius ? radius : '50';\n\n if (lat && lng) {\n return $.ajax(window.Scripts.storeLocator.vars.queryurl, {\n method: 'GET',\n dataType: 'json',\n data: {\n lat: lat,\n long: lng,\n countryCode: country,\n distanceUnit: unit,\n radius: distance,\n postalCode: postalCode\n }\n });\n } else {\n growl();\n return {};\n }\n}\n\nfunction searchStates(stateCode) {\n var method = 2; // 1 is zip, 2 is state\n var param = stateCode;\n $.ajax(window.Urls.searchPartyStore, {\n method: 'get',\n dataType: 'json',\n data: {\n method: method,\n param: param\n },\n success: function(result) {\n $('#store-search-results .loading-stores').addClass('hidden');\n var stores = JSON.parse(result.stores);\n buildStoreResults(stores, param, method);\n },\n error: function(xhr, status, error) {\n growl();\n alert('xhr6789: ' + xhr + '\\nstatus: ' + status + '\\nerror: ' + error);\n }\n });\n}\n\nfunction storeCanBook(storeNumber) {\n return $.ajax(window.Urls.getStoreChoices, {\n method: 'GET',\n dataType: 'json',\n data: {\n storeId: storeNumber\n }\n });\n}\n\n$('#manage-party-submit').click(function() {\n var partyId = $('input[id$=\\'manageparty_managePartyId\\']').val();\n var emailAddress = $('input[id$=\\'manageparty_manageEmail\\']').val();\n setEditSession(partyId, emailAddress).done(function(data) {\n if (JSON.parse(data.result).message == true) {\n window.location.href = window.Urls.editParty;\n } else {\n growl();\n alert('Failure: Unable to set party session'); //eslint-disable-line\n }\n\n }).fail(function() {\n growl();\n alert('Unable to reach Party');\n });\n});\n\nfunction setEditSession(partyId, emailAddress) {\n return $.ajax(window.Urls.setEditSession, {\n method: 'GET',\n dataType: 'json',\n data: {\n partyId: partyId,\n emailAddress: emailAddress\n }\n });\n}\n\n//Page 2\n$('#dwfrm_party_detailsGroup_occasion').change(function() {\n setOccasion();\n});\n$('#dwfrm_party_detailsGroup_totalGuests').change(function() {\n updateGuestCount();\n});\n$('#dwfrm_party_detailsGroup_confirmEmail').change(function() {\n confirmEmail();\n});\n$('#dwfrm_party_detailsGroup_theme').change(function() {\n setTheme();\n});\n\nfunction updateGuestCount() {\n var totalGuests = $('#dwfrm_party_detailsGroup_totalGuests').val();\n if (totalGuests) {\n $('#summary-howmany').html(totalGuests);\n } else {\n $('#summary-howmany').html('--');\n }\n\n}\nfunction setOccasion() {\n if ($('#dwfrm_party_detailsGroup_occasion').val()) {\n $('#summary-why').html($('#dwfrm_party_detailsGroup_occasion').children('option:selected').text());\n } else {\n $('#summary-why').html('--');\n }\n if ($('#dwfrm_party_detailsGroup_occasion').val() == 3) {\n $('#guest_of_honor').removeClass('hidden');\n } else {\n $('#guest_of_honor').addClass('hidden');\n }\n if ($('#dwfrm_party_detailsGroup_occasion').val() == 116) {\n $('#service_project_party').removeClass('hidden');\n $('#dwfrm_party_detailsGroup_sppNumberBears').addClass('required');\n $('#dwfrm_party_detailsGroup_sppOrganizationRecipient').addClass('required');\n $('#dwfrm_party_detailsGroup_sppOrganizationTaxId').addClass('required');\n } else {\n $('#service_project_party').addClass('hidden');\n $('#dwfrm_party_detailsGroup_sppNumberBears').removeClass('required');\n $('#dwfrm_party_detailsGroup_sppOrganizationRecipient').removeClass('required');\n $('#dwfrm_party_detailsGroup_sppOrganizationTaxId').removeClass('required');\n }\n $('.package-option').show();\n $('#package-130').parent().hide();\n if ($('#dwfrm_party_detailsGroup_occasion').val() == 117) {\n // US Girl Scout package\n $('#package-77').prop('checked',true);\n } else if ($('#dwfrm_party_detailsGroup_occasion').val() == 123) {\n // Varsity package\n $('.package-option').hide();\n $('#package-130').parent().show();\n $('#package-130').prop('checked',true);\n } else {\n // US Ultimate Celebration\n $('#package-39').prop('checked',true);\n }\n}\n\n/*function setPackage() {\n // Uncheck all packages\n for (var i = 35; i < 100; i++) {\n var packageId = [i];\n $('#package-'[packageId]).prop('checked',false);\n }\n // Select All Ultimate Celebration packages as default\n $('#package-39').prop('checked',true);\n $('#package-64').prop('checked',true);\n $('#package-73').prop('checked',true);\n $('#package-68').prop('checked',true);\n $('#package-59').prop('checked',true);\n\n}*/\n\nfunction setTheme() {\n var selectedTheme = $('#dwfrm_party_detailsGroup_theme').val();\n\n if ($('#dwfrm_party_detailsGroup_occasion').val() != 123) {\n if (selectedTheme == 0 || selectedTheme == '' || selectedTheme == null) {\n // US\n $('#package-36').parent('.package-option').show();\n $('#package-37').parent('.package-option').show();\n $('#package-38').parent('.package-option').show();\n $('#package-39').parent('.package-option').show();\n $('#package-45').parent('.package-option').show();\n $('#package-77').parent('.package-option').show();\n $('#package-83').parent('.package-option').show();\n $('#package-100').parent('.package-option').show();\n $('#package-96').parent('.package-option').show();\n $('#package-97').parent('.package-option').show();\n $('#package-98').parent('.package-option').show();\n $('#package-99').parent('.package-option').show();\n $('#package-117').parent('.package-option').show();\n $('#package-122').parent('.package-option').show();\n\n // UK\n $('#package-56').parent('.package-option').show();\n $('#package-57').parent('.package-option').show();\n $('#package-58').parent('.package-option').show();\n $('#package-59').parent('.package-option').show();\n $('#package-40').parent('.package-option').show();\n $('#package-65').parent('.package-option').show(); // Super Smiles\n $('#package-110').parent('.package-option').show(); // Golden Celebration\n $('#package-128').parent('.package-option').show(); // I Bearlieve\n\n // CA\n $('#package-61').parent('.package-option').show();\n $('#package-62').parent('.package-option').show();\n $('#package-63').parent('.package-option').show();\n $('#package-64').parent('.package-option').show();\n $('#package-45').parent('.package-option').show();\n $('#package-101').parent('.package-option').show();\n $('#package-102').parent('.package-option').show();\n $('#package-103').parent('.package-option').show();\n $('#package-104').parent('.package-option').show();\n $('#package-105').parent('.package-option').show();\n $('#package-118').parent('.package-option').show(); // FANTASTIC FUN\n $('#package-135').parent('.package-option').show(); // build your own\n $('#package-126').parent('.package-option').show(); // I Bearlieve\n\n // IR\n $('#package-65').parent('.package-option').show();\n $('#package-66').parent('.package-option').show();\n $('#package-67').parent('.package-option').show();\n $('#package-68').parent('.package-option').show();\n $('#package-69').parent('.package-option').show();\n $('#package-124').parent('.package-option').show(); // I Bearlieve\n\n // DENMARK\n $('#package-70').parent('.package-option').show();\n $('#package-71').parent('.package-option').show();\n $('#package-72').parent('.package-option').show();\n $('#package-73').parent('.package-option').show();\n $('#package-74').parent('.package-option').show();\n\n // Select default package\n $('#package-39').prop('checked', true);\n $('#package-59').prop('checked', true);\n $('#package-64').prop('checked', true);\n $('#package-68').prop('checked', true);\n $('#package-73').prop('checked', true);\n }\n\n // Afro Unicorn = 16\n // Rainbow Friends = 2\n if (selectedTheme == 1 || selectedTheme == 2 || selectedTheme == 3 || selectedTheme == 12 || selectedTheme == 16) {\n // US\n $('#package-36').parent('.package-option').hide(); // SUPER SMILES\n $('#package-37').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-38').parent('.package-option').show(); // AWESOME ADVENTURE\n $('#package-39').parent('.package-option').show(); // ULTIMATE CELEBRATION\n $('#package-45').parent('.package-option').hide(); // BUILD-YOUR-OWN PARTY\n $('#package-77').parent('.package-option').hide(); // GIRL SCOUTS-THEMED PARTY\n $('#package-83').parent('.package-option').hide(); // SERVICE PROJECT PARTY\n $('#package-100').parent('.package-option').hide(); // Ultimate Silver Celebration Package\n $('#package-96').parent('.package-option').hide(); // Super Smiles Party with Mascot Package\n $('#package-97').parent('.package-option').hide(); // Fantastic Fun Party with Mascot Package\n $('#package-98').parent('.package-option').hide(); // Awesome Adventure Party with Mascot Package\n $('#package-99').parent('.package-option').hide(); // Ultimate Celebration Party with Mascot Package\n $('#package-117').parent('.package-option').hide(); // Fantastic Fun\n $('#package-122').parent('.package-option').hide(); // I Bearlieve\n\n // UK\n $('#package-56').parent('.package-option').hide(); // SUPER SMILES\n $('#package-57').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-58').parent('.package-option').show(); // AWESOME ADVENTURE\n $('#package-59').parent('.package-option').show(); // ULTIMATE CELEBRATION\n $('#package-40').parent('.package-option').hide(); // BUILD-YOUR-OWN PARTY\n $('#package-65').parent('.package-option').hide(); // Super Smiles\n $('#package-110').parent('.package-option').hide(); // Golden Celebration\n $('#package-128').parent('.package-option').hide(); // I Bearlieve\n\n // CA\n $('#package-61').parent('.package-option').hide(); // SUPER SMILES\n $('#package-62').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-63').parent('.package-option').show(); // AWESOME ADVENTURE\n $('#package-64').parent('.package-option').show(); // ULTIMATE CELEBRATION\n $('#package-45').parent('.package-option').hide(); // BUILD-YOUR-OWN PARTY\n $('#package-101').parent('.package-option').hide(); // Ultimate Silver Celebration Package\n $('#package-102').parent('.package-option').hide(); // Super Smiles Party with Mascot Package\n $('#package-103').parent('.package-option').hide(); // Fantastic Fun Party with Mascot Package\n $('#package-104').parent('.package-option').hide(); // Awesome Adventure Party with Mascot Package\n $('#package-105').parent('.package-option').hide(); // Ultimate Celebration Party with Mascot Package\n $('#package-118').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-135').parent('.package-option').hide(); // build your own\n $('#package-126').parent('.package-option').hide(); // I Bearlieve\n\n // IR\n $('#package-65').parent('.package-option').hide(); // SUPER SMILES\n $('#package-66').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-67').parent('.package-option').show(); // AWESOME ADVENTURE\n $('#package-68').parent('.package-option').show(); // ULTIMATE CELEBRATION\n $('#package-69').parent('.package-option').hide(); // BUILD-YOUR-OWN PARTY\n $('#package-124').parent('.package-option').hide(); // I Bearlieve\n\n // DENMARK\n $('#package-70').parent('.package-option').hide(); // SUPER SMILES\n $('#package-71').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-72').parent('.package-option').show(); // AWESOME ADVENTURE\n $('#package-73').parent('.package-option').show(); // ULTIMATE CELEBRATION\n $('#package-74').parent('.package-option').hide(); // BUILD-YOUR-OWN PARTY\n\n // Select default package\n $('#package-39').prop('checked', true); // US - ULTIMATE CELEBRATION\n $('#package-59').prop('checked', true); // UK - ULTIMATE CELEBRATION\n $('#package-64').prop('checked', true); // CA - ULTIMATE CELEBRATION\n $('#package-68').prop('checked', true); // IR - ULTIMATE CELEBRATION\n $('#package-73').prop('checked', true); // DENMARK - ULTIMATE CELEBRATION\n }\n\n // Pokemon = 7\n // Harry Potter = 13\n if (selectedTheme == 4 || selectedTheme == 5 || selectedTheme == 13 || selectedTheme == 7 || selectedTheme == 8 || selectedTheme == 9 || selectedTheme == 6) {\n // US\n $('#package-36').parent('.package-option').hide(); // SUPER SMILES\n $('#package-37').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-38').parent('.package-option').hide(); // AWESOME ADVENTURE\n $('#package-39').parent('.package-option').show(); // ULTIMATE CELEBRATION\n $('#package-45').parent('.package-option').hide(); // BUILD-YOUR-OWN PARTY\n $('#package-77').parent('.package-option').hide(); // GIRL SCOUTS-THEMED PARTY\n $('#package-83').parent('.package-option').hide(); // SERVICE PROJECT PARTY\n $('#package-100').parent('.package-option').show(); // Golden Celebration Package\n $('#package-96').parent('.package-option').hide(); // Super Smiles Party with Mascot Package\n $('#package-97').parent('.package-option').hide(); // Fantastic Fun Party with Mascot Package\n $('#package-98').parent('.package-option').hide(); // Awesome Adventure Party with Mascot Package\n $('#package-99').parent('.package-option').hide(); // Ultimate Celebration Party with Mascot Package\n $('#package-117').parent('.package-option').hide(); // Fantastic Fun\n $('#package-122').parent('.package-option').hide(); // I Bearlieve\n\n // UK\n $('#package-56').parent('.package-option').hide(); // SUPER SMILES\n $('#package-57').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-58').parent('.package-option').hide(); // AWESOME ADVENTURE\n $('#package-59').parent('.package-option').show(); // ULTIMATE CELEBRATION\n $('#package-40').parent('.package-option').hide(); // BUILD-YOUR-OWN PARTY\n $('#package-65').parent('.package-option').hide(); // Super Smiles\n $('#package-110').parent('.package-option').show(); // Golden Celebration\n $('#package-128').parent('.package-option').hide(); // I Bearlieve\n\n // CA\n $('#package-61').parent('.package-option').hide(); // SUPER SMILES\n $('#package-62').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-63').parent('.package-option').hide(); // AWESOME ADVENTURE\n $('#package-64').parent('.package-option').show(); // ULTIMATE CELEBRATION\n $('#package-101').parent('.package-option').show(); // Ultimate Silver Celebration Package\n $('#package-102').parent('.package-option').hide(); // Super Smiles Party with Mascot Package\n $('#package-103').parent('.package-option').hide(); // Fantastic Fun Party with Mascot Package\n $('#package-104').parent('.package-option').hide(); // Awesome Adventure Party with Mascot Package\n $('#package-105').parent('.package-option').hide(); // Ultimate Celebration Party with Mascot Package\n $('#package-118').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-135').parent('.package-option').hide(); // build your own\n $('#package-126').parent('.package-option').hide(); // I Bearlieve\n\n // IR\n $('#package-65').parent('.package-option').hide(); // SUPER SMILES\n $('#package-66').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-67').parent('.package-option').hide(); // AWESOME ADVENTURE\n $('#package-68').parent('.package-option').show(); // ULTIMATE CELEBRATION\n $('#package-69').parent('.package-option').hide(); // BUILD-YOUR-OWN PARTY\n $('#package-124').parent('.package-option').hide(); // I Bearlieve\n\n // DENMARK\n $('#package-70').parent('.package-option').hide(); // SUPER SMILES\n $('#package-71').parent('.package-option').hide(); // FANTASTIC FUN\n $('#package-72').parent('.package-option').hide(); // AWESOME ADVENTURE\n $('#package-73').parent('.package-option').show(); // ULTIMATE CELEBRATION\n $('#package-74').parent('.package-option').hide(); // BUILD-YOUR-OWN PARTY\n\n // Select default package\n $('#package-39').prop('checked', true); // US - ULTIMATE CELEBRATION\n $('#package-59').prop('checked', true); // UK - ULTIMATE CELEBRATION\n $('#package-64').prop('checked', true); // CA - ULTIMATE CELEBRATION\n $('#package-68').prop('checked', true); // IR - ULTIMATE CELEBRATION\n $('#package-73').prop('checked', true); // DENMARK - ULTIMATE CELEBRATION\n }\n }\n}\n\nfunction cancelParty(eventId) {\n return $.ajax(window.Urls.cancelParty, {\n method: 'POST',\n dataType: 'json',\n data: {\n eventid: eventId\n }\n });\n}\n\n//function authenticate() {\n// return $.ajax(window.Urls.auth, {\n// method: 'GET',\n// dataType: 'json'\n// });\n//}\n\nfunction initGirlScoutsMerchForm() {\n\n var currentStep = 0;\n\n /* Initial state */\n /* Set numbers in select boxes */\n var numGuests = $('#numberOfGuests').val();\n $('.gs-qty-select').each(function() {\n var $this = $(this);\n for (var i = 1; i <= numGuests; i++) {\n var o = new Option(i, i);\n $(o).html(i);\n $this.append(o);\n }\n });\n\n /* Set step 1 active */\n $('.step-1-tab').addClass('active');\n $('.step-2-content').hide();\n $('.step-3-content').hide();\n $('.step-4-content').hide();\n $('.step-5-content').hide();\n\n /* Disable step 1 select box */\n /* Jan 2020 - Removed option due to two Girl Scout Bears */\n /* var $animalSelect = $('.step-1-content .gs-qty-select'); */\n /* $animalSelect.val(numGuests); */\n\n /* Set selection state object */\n var productQtyMap;\n var sfmcProductData;\n\n var validate = function() {\n\n var logicalStep = currentStep + 1,\n contentSelector = '.step-' + logicalStep + '-content';\n\n var $productTiles = $(contentSelector).find('.gs-wizard-product-tile');\n var numGuests = $('#numberOfGuests').val();\n\n var totalQty = 0;\n $productTiles.each(function() {\n\n var $this = $(this);\n var qtySelected = $this.find('.gs-qty-select').val();\n\n totalQty += parseInt(qtySelected, 10);\n });\n\n if (currentStep == 0) {\n if (totalQty < numGuests) {\n alert(window.Resources.PARTY_GS_ALERT_LESS_QTY);\n return false;\n } else if (totalQty > numGuests) {\n alert(window.Resources.PARTY_GS_ALERT_MORE_QTY);\n return false;\n } else {\n return true;\n }\n } else if (currentStep < 3) {\n if (totalQty < numGuests) {\n return confirm(window.Resources.PARTY_GS_CONFIRM_LESS_QTY);\n } else if (totalQty > numGuests) {\n alert(window.Resources.PARTY_GS_ALERT_MORE_QTY);\n return false;\n } else {\n return true;\n }\n } else {\n return true;\n }\n };\n\n var stepForward = function() {\n\n /* Submit button */\n if (currentStep === 4) {\n return submit();\n }\n\n var logicalStep = currentStep + 1,\n tabSelector = '.step-' + logicalStep + '-tab',\n contentSelector = '.step-' + logicalStep + '-content';\n\n /* Hide current step and set tab as inactive */\n $(tabSelector).removeClass('active');\n $(tabSelector).addClass('complete');\n $(contentSelector).hide();\n\n /* Increment current step, show, and set tab as active */\n currentStep++;\n logicalStep++;\n tabSelector = '.step-' + logicalStep + '-tab';\n contentSelector = '.step-' + logicalStep + '-content';\n $(tabSelector).addClass('active');\n $(contentSelector).show();\n\n /* If we are on the confirmation step, show submit button */\n /* Auto-add complete so we can come back after review */\n if (currentStep === 4) {\n $(tabSelector).addClass('complete');\n renderConfirmation();\n }\n };\n\n var stepBackward = function() {\n\n /* Shouldn't happen */\n if (currentStep === 0) {\n return;\n }\n\n /* If moving from confirmation, reset \"submit\" back to \"next\" */\n if (currentStep === 4) {\n $('.next-button').html(window.Resources.NEXT);\n }\n\n /* Hide current step and set tab as inactive */\n var logicalStep = currentStep + 1,\n tabSelector = '.step-' + logicalStep + '-tab',\n contentSelector = '.step-' + logicalStep + '-content';\n $(tabSelector).removeClass('active');\n $(contentSelector).hide();\n\n /* Increment current step, show, and set tab as active */\n currentStep--;\n logicalStep--;\n tabSelector = '.step-' + logicalStep + '-tab';\n contentSelector = '.step-' + logicalStep + '-content';\n $(tabSelector).addClass('active');\n $(contentSelector).show();\n };\n\n var chooseStep = function(step) {\n\n /* Hide current step and mark tab inactive */\n var logicalStep = currentStep + 1,\n tabSelector = '.step-' + logicalStep + '-tab',\n contentSelector = '.step-' + logicalStep + '-content';\n\n $(tabSelector).removeClass('active');\n $(contentSelector).hide();\n\n /* Assign currentStep to input, activate tab, and show content */\n currentStep = step;\n logicalStep = currentStep + 1;\n tabSelector = '.step-' + logicalStep + '-tab';\n contentSelector = '.step-' + logicalStep + '-content';\n\n $(tabSelector).addClass('active');\n $(contentSelector).show();\n\n if (currentStep === 4) {\n renderConfirmation();\n }\n };\n\n var renderConfirmation = function() {\n\n var $wrapper = $('.confirmation-step .product-selections');\n $wrapper.empty();\n\n var html = '';\n for (var categoryName in productQtyMap) {\n\n html += '
';\n html += '
' + categoryName + '
'\n\n for (var idx in productQtyMap[categoryName]) {\n var selection = productQtyMap[categoryName][idx];\n html += '
'\n + '
![](\"')
'\n + '
' + selection.name + '
'\n + '
Quantity: ' + selection.qty + '
'\n + '
'\n }\n\n html += '
';\n }\n $wrapper.append(html);\n };\n\n var submit = function() {\n $.ajax(window.Urls.girlScoutsMerchSubmit, {\n type: 'post',\n dataType: 'json',\n data: {\n partyId: $('#partyAppId').val(),\n products: JSON.stringify(productQtyMap),\n sfmcProductDataObj: JSON.stringify(sfmcProductData),\n email: new URLSearchParams(location.search).get('email')\n },\n success: function(data) {\n if (data.success && data.isNoDepositParty && data.redirectUrl) {\n window.location.replace(data.redirectUrl);\n } else {\n window.location.replace(window.Urls.cartShow);\n }\n },\n error: function(jqXHR) {\n growl();\n $('#errMsg').html(jqXHR.responseText);\n $('html, body').animate({\n scrollTop: $('#errMsg').offset().top - 250\n }, 2000);\n }\n });\n };\n\n var renderControls = function() {\n var $next = $('.next-button'),\n $back = $('.back-button');\n\n /* Base state */\n $next.show();\n // $next.html(window.Resources.NEXT);\n $back.show();\n\n if (currentStep === 0) {\n $back.hide();\n }\n\n if (currentStep === 4) {\n $next.html('Submit');\n }\n }\n\n var updateSelections = function() {\n\n productQtyMap = {};\n sfmcProductData = {};\n sfmcProductData['products'] = [];\n $('.gs-wizard-content').each(function() {\n\n var $contentPanel = $(this);\n var categoryName = $contentPanel.find('.gs-wizard-content-header h4').html().trim();\n var $products = $contentPanel.find('.gs-wizard-content-listing .gs-wizard-product-tile');\n\n if ($products.length > 0) {\n productQtyMap[categoryName] = [];\n $products.each(function() {\n var $product = $(this);\n var $select = $product.find('.gs-qty-select');\n var qty = parseInt($select.val(), 10);\n if (qty > 0) {\n var sku = $select.data('sku');\n var name = $product.children('h5').html().trim();\n var imgUrl = $product.children('img').attr('src');\n productQtyMap[categoryName].push({\n sku: sku,\n name: name,\n imgUrl: imgUrl,\n qty: qty\n });\n\n // JSON for SFMC Request Data\n sfmcProductData['products'].push({\n product_id: sku,\n product_name: name,\n quantity: qty\n });\n }\n });\n }\n });\n };\n\n $('.next-button').on('click', function() {\n if (validate()) {\n updateSelections();\n stepForward();\n renderControls();\n $('html, body').animate({\n scrollTop: $('#gsMerchSelect').offset().top - 100\n }, 1000);\n }\n });\n $('.back-button').on('click', function() {\n updateSelections();\n stepBackward();\n renderControls();\n $('html, body').animate({\n scrollTop: $('#gsMerchSelect').offset().top - 100\n }, 1000);\n });\n $('.gs-wizard-step-indicator').on('click', '.complete', function() {\n if (validate()) {\n var $this = $(this),\n step = $this.data('step');\n updateSelections();\n chooseStep(parseInt(step, 10));\n renderControls();\n $('html, body').animate({\n scrollTop: $('#gsMerchSelect').offset().top - 100\n }, 1000);\n }\n });\n renderControls();\n}\n\nfunction bindEvents() {\n $('#cancel-party').click(function() {\n var eventId = $(this).attr('data-id');\n cancelParty(eventId).done(function() {\n window.location.href = window.Urls.newParty;\n // alert('cancelled');\n }).fail(function() {\n // alert('failed');\n growl();\n });\n });\n $('#party-workshop-search-btn').click(function() {\n //contentsquare party store search\n window._uxa = window._uxa || [];\n window._uxa.push(['trackPageview', window.location.pathname+window.location.hash.replace('#','?__')+'?cs-party-store-search']);\n if ($('#party-searchaddress').val()) {\n loadStores();\n initPartyStoreLocator();\n } else if ($('#states').val()) {\n loadStores();\n searchStates($('#states').val());\n }\n });\n $('#party-searchaddress').keypress(function (e) {\n if (e.which == 13) {\n loadStores();\n initPartyStoreLocator();\n }\n });\n $('#states').change(function() {\n $('#party-searchaddress').val('');\n }).keypress(function (e) {\n if (e.which == 13) {\n loadStores();\n searchStates($('#states').val());\n }\n });\n $('#ageGate-popup').click(function() {\n $('#dwfrm_party_detailsGroup').submit();\n });\n\n $('#dwfrm_party_detailsGroup_contactFirstName').click(function() {\n if ($('#dwfrm_party_detailsGroup_sppNumberBears').val()) {\n var sppNumberBearsNotes = $('#dwfrm_party_detailsGroup_sppNumberBears').val();\n var sppOrganizationNameNotes = $('#dwfrm_party_detailsGroup_sppOrganizationName').val();\n var sppOrganizationRecipientNotes = $('#dwfrm_party_detailsGroup_sppOrganizationRecipient').val();\n var sppOrganizationTaxIdNotes = $('#dwfrm_party_detailsGroup_sppOrganizationTaxId').val();\n var serviceProjectPartyNotes = 'Service Project Party Information -- Number of Bears to Donate: ' + sppNumberBearsNotes + '; Organization Name: ' + sppOrganizationNameNotes + '; Recipient Organization: ' + sppOrganizationRecipientNotes + '; Recipient Organization Tax ID: ' + sppOrganizationTaxIdNotes;\n $('#dwfrm_party_detailsGroup_initialComment').val(serviceProjectPartyNotes);\n }\n });\n\n $('#po-checkbox-area').click(function() {\n var poInfoDiv = $('#po-information');\n var poInfoInput = poInfoDiv.find('.form-row input');\n var partyCommentId = $('.input-textarea').attr('id');\n //var poInfoSpan = poInfoDiv.find('.field-wrapper');\n if ($('#po-checkbox').is(':checked')) {\n $('#po-information').removeClass('hidden');\n $('.input-textarea').addClass('required');\n $('.input-textarea').attr('aria-required', 'true');\n $('.input-textarea').attr('aria-describedby', partyCommentId+'-error');\n if ($('.input-textarea').hasClass('error')){\n $('.input-textarea').css('border','1px solid #cf0a2c');\n $('#dwfrm_party_detailsGroup_initialComment-error').css('display','block');\n }\n poInfoInput.each(function() {\n var $this = $(this);\n var id = $this.attr('id');\n $this.addClass('required');//error\n $this.attr('aria-required', 'true');\n $this.attr('aria-describedby', id+'-error');\n\n });\n\n } else {\n $('#po-information').addClass('hidden');\n $('.input-textarea').removeClass('required');\n $('.input-textarea').removeAttr('aria-required', 'true');\n $('.input-textarea').removeAttr('aria-describedby', partyCommentId+'-error');\n $('.input-textarea').removeAttr('style');\n $('#dwfrm_party_detailsGroup_initialComment-error').css('display','none');\n poInfoInput.each(function() {\n var $this = $(this);\n var id = $this.attr('id');\n $this.removeClass('required');\n $this.removeAttr('aria-required', 'true');\n $this.removeAttr('aria-describedby', id+'-error');\n });\n }\n });\n\n if (document.getElementById('gsMerchSelect')) {\n initGirlScoutsMerchForm();\n }\n}\n\nfunction partyBookingConversionTag() {\n //Start Conversant Tag\n var dtmSrc = window.location.protocol + '//login.dotomi.com/ucm/UCMController?'+\n 'dtm_com=29&dtm_fid=104&dtm_cid=62379&dtm_cmagic=e56420&dtm_format=5';\n var dtmTag = new Array();\n /* eslint-disable */\n dtmTag.cli_promo_id = '101';\n dtmTag.dtmc_transaction_id = '';\n dtmTag.dtm_user_id = '';\n dtmTag.dtm_email_hash = '';\n dtmTag.fpc_status = '';\n dtmTag.dtm_user_token = '';\n function readCookieDotomi() {\n var nameEQ = name + 'dtm_token=';\n var ca = document.cookie.split(';');\n for (var i = 0; i < ca.length; i++) {\n var c = ca[i];\n while (c.charAt(0) == ' '){ c = c.substring(1, c.length); }\n if (c.indexOf(nameEQ) == 0) {\n dtmTag.dtm_user_token = c.substring(nameEQ.length, c.length);\n }\n }\n }\n /* eslint-enable */\n readCookieDotomi();\n\n for (var item in dtmTag){\n if (typeof dtmTag[item] != 'function' && typeof dtmTag[item] != 'object'){\n dtmSrc += '&' + item + '=' + escape(dtmTag[item]);\n }\n }\n\n /*var dtmDivTag = document.getElementById('dtmdiv').innerHTML = '';\n setTimeout(dtmDivTag, 5000);*/\n\n var dotomiNode = document.createElement('div');\n dotomiNode.style.display = 'none';\n dotomiNode.id = 'dtmdiv';\n var dotomiIFrame = document.createElement('iframe');\n dotomiIFrame.name = 'response_frame';\n dotomiIFrame.title = 'Dotomi personalization';\n dotomiIFrame.src = dtmSrc;\n dotomiNode.appendChild(dotomiIFrame);\n document.getElementsByTagName('body')[0].appendChild(dotomiNode);\n // End Conversant Tag\n}\n\nexports.init = function() {\n bindEvents();\n}\n","/*\n * All java script logic for google driven store locator.\n *\n * The code relies on the jQuery JS library to\n * be also loaded.\n *\n */\n\n'use strict';\n\n/* global google */\n/* eslint block-scoped-var: 0 */\nvar Resources = window.Resources;\nvar Urls = window.Urls;\nvar SitePreferences = window.SitePreferences;\nvar sessionStorage,\n navigator,\n screen,\n User;\nvar MarkerWithLabel = require('./marker-with-label'),\n util = require('core/legacy/util');\nvar StoreLocator = {\n // configuration parameters and required object instances\n initialLocation: null,\n browserSupportFlag: false,\n storeurl: null,\n preferredurl: null,\n markerurl: null,\n queryurl: null,\n cookieurl: null,\n cookiename: null,\n defaultlocation: null,\n zoomradius: {},\n markers: [],\n infowindows: [],\n radius: 50,\n map: null,\n unit: 'mi',\n timer: null,\n maptype: null,\n LatLngList: [],\n isDetails: ($('.pt_store-locator-details').length) ? true : false,\n\n /** *******************************************************\n * initialize the google map\n * @param - zoomradius : json object with radius settings for each google zoom level (0-20)\n * @param - storeurl : url for displaying store details\n * @param - markerurl : url for marker image\n * @param - queryurl : url for querying nearest stores\n * @param - cookieurl : url for setting preferred location cookie\n * @param - cookiename : name for preferred location cookie\n * @param - defaultlocation : default address for map if users geolocation can not be detected\n * @param - maptype : type of google map to display\n **********************************************************/\n\n init: function (zoomradius, storeurl, preferredurl, markerurl, queryurl, cookieurl, cookiename, defaultlocation, maptype) {\n this.zoomradius = zoomradius;\n this.storeurl = storeurl;\n this.preferredurl = preferredurl;\n this.markerurl = markerurl;\n this.markerurlbear = Urls.markerurlbear;\n this.queryurl = queryurl;\n this.cookieurl = cookieurl;\n this.cookiename = cookiename;\n this.defaultlocation = defaultlocation;\n this.maptype = maptype;\n // include Einstein\n util.initEinsteinSlick();\n // Define the options for the Google Maps object\n var myOptions = {\n zoom: 7,\n mapTypeId: google.maps.MapTypeId[maptype],\n disableDefaultUI: true,\n scrollwheel: false,\n zoomControl: true\n },\n self = this;\n // Create a new Google Maps object with the given options\n this.map = new google.maps.Map(document.getElementById('map-canvas'), myOptions);\n google.maps.event.addListenerOnce(this.map, 'idle', function () {\n $('#map-canvas iframe').attr('title', 'Google Maps include; no content');\n });\n // Get params from url\n function getParameterByName(name, url) {\n if (!url) url = window.location.href;\n name = name.replace(/[\\[\\]]/g, '\\\\$&');\n var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\n results = regex.exec(url);\n if (!results) return false;\n if (!results[2]) return '';\n return decodeURIComponent(results[2].replace(/\\+/g, ' '));\n }\n // Search query from url\n var query = getParameterByName('q');\n $('#store-search-form').on('submit', function () {\n document.activeElement.blur();\n StoreLocator.getSearchPosition();\n return false;\n });\n // Use my current location link click handle\n $('.useMyLocationLink #useMyLocation').click(function () {\n // var aBTastyGeolocSession = JSON.parse(window.sessionStorage.getItem('ABTastyGeoloc'));\n // var zipCode = aBTastyGeolocSession.postal_code;\n $('#address').val('');\n StoreLocator.getCurrentPosition();\n // Try HTML5 geolocation.\n });\n // Render Store Detail\n if ($('#storedetails-wrapper').length > 0) {\n StoreLocator.getSearchPosition('onestore');\n // Check for url param\n } else if (query && query.length > 0) {\n $('#store-search-form #address').val(query);\n $('#store-search-form').submit();\n // Check for cookie preference\n } else if (this.getCookieLatLng()) {\n this.initialLocation = this.getCookieLatLng();\n this.map.setCenter(this.initialLocation);\n // Try Demandware Geolocation\n } else if (window.User.geolocation) {\n this.initialLocation = new google.maps.LatLng(window.User.geolocation.latitude, window.User.geolocation.longitude);\n this.renderStores(window.User.geolocation.latitude, window.User.geolocation.longitude, $('#country').val(), $('#distanceunitpref').val(), 50, false, true);\n // Try W3C Geolocation (preferred for detection)\n } else if (google.loader.ClientLocation) {\n this.initialLocation = new google.maps.LatLng(google.loader.ClientLocation.latitude, google.loader.ClientLocation.longitude);\n this.map.setCenter(this.initialLocation);\n // Try Google Gears Geolocation\n } else if (google.gears) {\n this.browserSupportFlag = true;\n var geo = google.gears.factory.create('beta.geolocation');\n geo.getCurrentPosition(function (position) {\n this.initialLocation = new google.maps.LatLng(position.latitude, position.longitude);\n this.map.setCenter(this.initialLocation);\n }, function () {\n this.handleNoGeoLocation(this.browserSupportFlag);\n $('#stores').html('');\n });\n // Browser doesn't support Geolocation so geolocate the default\n } else {\n this.browserSupportFlag = false;\n this.handleNoGeolocation();\n $('#stores').html('');\n }\n $('.show-filter').on('click', function (e) {\n e.preventDefault();\n var $link = $(this);\n var $container = $link.parent('.filter-box');\n $link.toggleClass('show');\n util.clickOutside($container, e, function () {\n $link.removeClass('show');\n });\n });\n $('#distance').change(function () {\n if ($('#distance').val() !== '') {\n StoreLocator.radius = $('#distance').val();\n } else {\n StoreLocator.radius = StoreLocator.zoomradius[self.map.getZoom()];\n }\n });\n function checkSelectedFilters() {\n var isChecked = false;\n $('.filter-container .input-checkbox').each(function () {\n if ($(this).is(':checked')) {\n isChecked = true;\n return false;\n }\n });\n if (isChecked) {\n $('.filter-content').removeClass('visually-hidden');\n } else {\n $('.filter-content').addClass('visually-hidden');\n }\n $('#store-search-form').submit();\n }\n\n $('.filter-container .clear, .filter-content .clear-all').on('click', function (e) {\n e.preventDefault();\n $('.filter-container .input-checkbox').removeAttr('checked');\n $('.filter-items li').addClass('visually-hidden');\n checkSelectedFilters();\n $('#store-search-form').submit();\n });\n\n $('.filter-content .remove').on('click', function (e) {\n e.preventDefault();\n var storeId = $(this).attr('href');\n $('.filter-container .input-checkbox[value=\"' + storeId + '\"]').removeAttr('checked');\n $('#filter-item-' + storeId).addClass('visually-hidden');\n checkSelectedFilters();\n $('#store-search-form').submit();\n });\n\n $('.filter-container .input-checkbox').on('change', function () {\n if ($(this).is(':checked')) {\n $('#filter-item-' + $(this).val()).removeClass('visually-hidden');\n } else {\n $('#filter-item-' + $(this).val()).addClass('visually-hidden');\n }\n checkSelectedFilters();\n });\n // add link name to sessionStorage for ADTM\n $('.find-workshop-dropdown')\n .on('click', '.storename-box a', function () {\n sessionStorage.setItem('linkName', $(this).find('.storename').html());\n })\n .on('click', '.store-details .address a', function () {\n sessionStorage.setItem('linkName', $(this).parent().parent().parent().parent().find('.storename').html());\n });\n // Update the bounds of the store locator when the browser is resized\n this.smartResize(function () {\n if (StoreLocator.markers.length) {\n StoreLocator.updateBounds();\n }\n });\n $('.listAndMapButtons button.listView').on('click', function (e) {\n e.preventDefault();\n if (!$(this).hasClass('activated')) {\n $('.listAndMapButtons button.mapView').removeClass('activated');\n $(this).addClass('activated');\n }\n $('#store-locator-main').hide();\n });\n $('.listAndMapButtons button.mapView').on('click', function (e) {\n e.preventDefault();\n if (!$(this).hasClass('activated')) {\n $('.listAndMapButtons button.listView').removeClass('activated');\n $(this).addClass('activated');\n }\n $('#store-locator-main').show();\n });\n },\n\n /** *******************************************************\n * function to close all open google InfoWindow objects\n **********************************************************/\n\n closeInfoWindows: function () {\n for (var i in this.infowindows) {\n if (typeof this.infowindows[i] === 'object') {\n this.infowindows[i].close();\n }\n }\n },\n /** *******************************************************\n * function to create and position google Markers and\n * InfoWindows for a result set of Stores\n * @param - stores : a json object containing stores\n * @param - map : the map\n **********************************************************/\n populateStores: function (stores, noLoc, location, initLoad, milesAround, customerAddresses) {\n var noLocation = noLoc || false,\n thisLoc = location || null,\n image = this.markerurl,\n imagebear = this.markerurlbear,\n markerImg,\n distance = 0,\n storeCount = 0,\n storeLatLng = '',\n self = this;\n // Function that is called when a map marker is clicked\n function markerClick(storeid) {\n return function () {\n StoreLocator.closeInfoWindows();\n StoreLocator.infowindows[storeid + 'Info'].open(self.map);\n };\n }\n\n // Function that is called when a store's link is clicked\n function storeClick() {\n /* jshint validthis:true */\n StoreLocator.closeInfoWindows();\n var storeid = $(this).parent().parent().attr('id'),\n infowindow = StoreLocator.infowindows[storeid + 'Info'];\n infowindow.open(self.map);\n self.map.setCenter(infowindow.position);\n if (screen.width < 1200) { $(window).scrollTop($('#store-locator-main').offset().top-57); }\n }\n\n // Function that is called when a user sets their preferred store\n var setPreferredClick = function (e) {\n if ($(this).hasClass('buildaparty')) {\n return true;\n }\n e.preventDefault();\n var $thisElement = $(this);\n\n /* jshint validthis:true */\n if (!$thisElement.hasClass('current')) {\n $.ajax({\n dataType: 'json',\n method: 'POST',\n url: $thisElement.attr('href'),\n async: true\n })\n // success\n .done(function () {\n $('.preferred-store-link.current').removeClass('current').find('span').text(Resources.STORE_MAKEMY);\n $('.store.activated .myStore').hide();\n $('.store.activated .preferred-store-link').show();\n $('.store.activated').removeClass('activated');\n // $thisElement.hide();\n $thisElement.closest('.store').addClass('activated');\n $('.store.activated .myStore').show();\n $thisElement.addClass('current');\n var targetStorefield = $('#storeNameInfoId');\n var storeNameToChange = $thisElement.closest('.store').find('.primaryName a').html();\n var storeCityAndStateCode = $thisElement.closest('.store').find('.cityStateZip').html();\n storeCityAndStateCode = storeCityAndStateCode.replace(/[0-9 -]/g, '');\n var storeUrl = window.Scripts.storeLocator.vars.storeurl;\n var storeId = $thisElement.closest('.store').attr('id');\n targetStorefield.html('
' + storeNameToChange + ''+', ' + storeCityAndStateCode);\n });\n }\n };\n\n if (this.markers.length > 0) {\n for (var j in this.markers) {\n if (typeof this.markers[j] === 'object') {\n this.markers[j].setMap(null);\n }\n }\n this.markers.length = 0;\n }\n this.closeInfoWindows();\n this.infowindows.length = 0;\n this.LatLngList = [];\n $('#stores').addClass('noStores').html('
');\n\n // create array of store IDs and add distance if available\n var pickupStores = $('#inStoreList').val();\n var inStoreText;\n var storesArray = [];\n for (var store in stores) {\n var tempArray = [store];\n if (!noLocation) {\n if (thisLoc && stores[store].latitude && stores[store].longitude) { // calculate distance from search location\n storeLatLng = new google.maps.LatLng(stores[store].latitude, stores[store].longitude);\n distance = google.maps.geometry.spherical.computeDistanceBetween(thisLoc, storeLatLng, 3959).toFixed(1);\n tempArray.push(distance);\n }\n }\n storesArray.push(tempArray);\n }\n\n // if we have stores with distances we sort the array of store IDs\n if (storesArray.length && storesArray[0].length > 1) {\n storesArray.sort(function (a, b) {return a[1] - b[1]; });\n }\n for (var i = 0; i < storesArray.length; i++) {\n store = storesArray[i][0];\n storeCount++;\n // format the address\n var formattedAddress = '';\n formattedAddress = (stores[store].address1) ? formattedAddress + stores[store].address1 : formattedAddress;\n formattedAddress = (stores[store].city) ? formattedAddress + ', ' + stores[store].city : formattedAddress;\n formattedAddress = (stores[store].stateCode) ? formattedAddress + ', ' + stores[store].stateCode : formattedAddress;\n formattedAddress = (stores[store].postalCode) ? formattedAddress + ' ' + stores[store].postalCode : formattedAddress;\n // URL encode the address\n var encodedAddress = encodeURIComponent(formattedAddress);\n if (!noLocation) {\n // build the store info HTML for right column\n var classname = '';\n if (User.storeId == store) { classname = 'activated'}\n var storeinfo = '
';\n var secondaryName = stores[store].storeSecondaryName;\n if (secondaryName !== '') {\n secondaryName = '- ' + secondaryName;\n }\n var storeType = stores[store].storeType;\n if (storeCount === 1) {\n var storeNameInfo = '
' + stores[store].name + ', ' + stores[store].city + ', ' + stores[store].stateCode;\n $('#storeNameInfoId').html(storeNameInfo);\n window.sessionStorage.setItem('storeFindNameInfo', storeNameInfo);\n }\n if (pickupStores != null && pickupStores.indexOf(store) == -1) {\n inStoreText = 'In-store shopping';\n } else {\n inStoreText = 'In-store shopping | In-store pick-up';\n }\n // TODO: The storetype is hardcoded here, it should display the real store type\n storeinfo += '
';\n storeinfo += '
' + stores[store].address1 + '
';\n storeinfo += '
' + stores[store].city + ', ' + stores[store].stateCode + ' ' + stores[store].postalCode + '
';\n storeinfo += '
';\n storeinfo += '
';\n if (thisLoc && stores[store].latitude && stores[store].longitude) { //calculate distance from search location\n storeLatLng = new google.maps.LatLng(stores[store].latitude, stores[store].longitude);\n distance = google.maps.geometry.spherical.computeDistanceBetween(thisLoc, storeLatLng, 3959).toFixed(1);\n storeinfo += '
' + distance + ' ' + $('#distanceunitpref-main').val() + '
';\n }\n storeinfo += '
';\n storeinfo += '
' + stores[store].storeHours + '
';\n storeinfo += '
' + inStoreText + '
';\n storeinfo += '
';\n storeinfo += '
My Workshop
';\n storeinfo += '
';\n $('#stores .stores-container').append(storeinfo);\n }\n if (storeCount === 1) {\n markerImg = Urls.markerurlfirststore;\n } else {\n markerImg = image;\n }\n var markerOptions = {\n position: new google.maps.LatLng(stores[store].latitude, stores[store].longitude),\n map: this.map,\n title: stores[store].name + ' ' + stores[store].address1 + ' ' + stores[store].city + ', ' + stores[store].stateCode + ' ' + stores[store].postalCode + stores[store].phone,\n icon: (stores[store].storeType == 'Bearemy') ? imagebear : markerImg,\n storeid: store\n };\n\n $.extend(markerOptions, {\n labelContent: '',\n labelAnchor: (storeCount > 9) ? new google.maps.Point(9, 37) : new google.maps.Point(5, 37),\n labelClass: 'markerLabel',\n labelInBackground: false\n });\n\n // create map marker object\n var marker = new MarkerWithLabel(markerOptions);\n marker.setMap(this.map);\n this.markers.push(marker);\n\n if (!noLocation || (noLocation && stores[store].countryCode === $('#country').val())) {\n // add store's coordinates to array for setting zoom and centering map later\n StoreLocator.LatLngList.push(marker.position);\n }\n\n // build the store info HTML for tooltip\n var contentString = '
' +\n '
' + stores[store].name + '
' +\n '
' +\n stores[store].address1 + '
' +\n stores[store].address2 + '
' +\n stores[store].city + ', ' +\n stores[store].stateCode + ' ' +\n stores[store].postalCode +\n '
';\n\n if (StoreLocator.isDetails) {\n contentString += '
' + Resources.STORE_DIRECTIONS + '
';\n } else {\n contentString += '