\n * This is an enhanced V3 implementation of the\n * V2 MarkerClusterer by Xiaoxi Wu. It is based on the\n * V3 MarkerClusterer port by Luke Mahe. MarkerClustererPlus was created by Gary Little.\n *
\n * v2.0 release: MarkerClustererPlus v2.0 is backward compatible with MarkerClusterer v1.0. It\n * adds support for the ignoreHidden, title, batchSizeIE,\n * and calculator properties as well as support for four more events. It also allows\n * greater control over the styling of the text that appears on the cluster marker. The\n * documentation has been significantly improved and the overall code has been simplified and\n * polished. Very large numbers of markers can now be managed without causing Javascript timeout\n * errors on Internet Explorer. Note that the name of the clusterclick event has been\n * deprecated. The new name is click, so please change your application code now.\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 * http://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\n/**\n * @name ClusterIconStyle\n * @class This class represents the object for values in the styles array passed\n * to the {@link MarkerClusterer} constructor. The element in this array that is used to\n * style the cluster icon is determined by calling the calculator function.\n *\n * @property {string} url The URL of the cluster icon image file. Required.\n * @property {number} height The display height (in pixels) of the cluster icon. Required.\n * @property {number} width The display width (in pixels) of the cluster icon. Required.\n * @property {Array} [anchorText] The position (in pixels) from the center of the cluster icon to\n * where the text label is to be centered and drawn. The format is [yoffset, xoffset]\n * where yoffset increases as you go down from center and xoffset\n * increases to the right of center. The default is [0, 0].\n * @property {Array} [anchorIcon] The anchor position (in pixels) of the cluster icon. This is the\n * spot on the cluster icon that is to be aligned with the cluster position. The format is\n * [yoffset, xoffset] where yoffset increases as you go down and\n * xoffset increases to the right of the top-left corner of the icon. The default\n * anchor position is the center of the cluster icon.\n * @property {string} [textColor=\"black\"] The color of the label text shown on the\n * cluster icon.\n * @property {number} [textSize=11] The size (in pixels) of the label text shown on the\n * cluster icon.\n * @property {string} [textDecoration=\"none\"] The value of the CSS text-decoration\n * property for the label text shown on the cluster icon.\n * @property {string} [fontWeight=\"bold\"] The value of the CSS font-weight\n * property for the label text shown on the cluster icon.\n * @property {string} [fontStyle=\"normal\"] The value of the CSS font-style\n * property for the label text shown on the cluster icon.\n * @property {string} [fontFamily=\"Arial,sans-serif\"] The value of the CSS font-family\n * property for the label text shown on the cluster icon.\n * @property {string} [backgroundPosition=\"0 0\"] The position of the cluster icon image\n * within the image defined by url. The format is \"xpos ypos\"\n * (the same format as for the CSS background-position property). You must set\n * this property appropriately when the image defined by url represents a sprite\n * containing multiple images. Note that the position must be specified in px units.\n */\n/**\n * @name ClusterIconInfo\n * @class This class is an object containing general information about a cluster icon. This is\n * the object that a calculator function returns.\n *\n * @property {string} text The text of the label to be shown on the cluster icon.\n * @property {number} index The index plus 1 of the element in the styles\n * array to be used to style the cluster icon.\n * @property {string} title The tooltip to display when the mouse moves over the cluster icon.\n * If this value is undefined or \"\", title is set to the\n * value of the title property passed to the MarkerClusterer.\n */\n/**\n * A cluster icon.\n *\n * @constructor\n * @extends google.maps.OverlayView\n * @param {Cluster} cluster The cluster with which the icon is to be associated.\n * @param {Array} [styles] An array of {@link ClusterIconStyle} defining the cluster icons\n * to use for various cluster sizes.\n * @private\n */\nfunction ClusterIcon(cluster, styles) {\n cluster.getMarkerClusterer().extend(ClusterIcon, google.maps.OverlayView);\n\n this.cluster_ = cluster;\n this.className_ = cluster.getMarkerClusterer().getClusterClass();\n this.styles_ = styles;\n this.center_ = null;\n this.div_ = null;\n this.sums_ = null;\n this.visible_ = false;\n\n this.setMap(cluster.getMap()); // Note: this causes onAdd to be called\n}\n\n\n/**\n * Adds the icon to the DOM.\n */\nClusterIcon.prototype.onAdd = function() {\n var cClusterIcon = this;\n var cMouseDownInCluster;\n var cDraggingMapByCluster;\n\n this.div_ = document.createElement(\"div\");\n this.div_.className = this.className_;\n if (this.visible_) {\n this.show();\n }\n\n this.getPanes().overlayMouseTarget.appendChild(this.div_);\n\n // Fix for Issue 157\n this.boundsChangedListener_ = google.maps.event.addListener(this.getMap(), \"bounds_changed\", function() {\n cDraggingMapByCluster = cMouseDownInCluster;\n });\n\n google.maps.event.addDomListener(this.div_, \"mousedown\", function() {\n cMouseDownInCluster = true;\n cDraggingMapByCluster = false;\n });\n\n google.maps.event.addDomListener(this.div_, \"click\", function(e) {\n cMouseDownInCluster = false;\n if (!cDraggingMapByCluster) {\n var theBounds;\n var mz;\n var mc = cClusterIcon.cluster_.getMarkerClusterer();\n /**\n * This event is fired when a cluster marker is clicked.\n * @name MarkerClusterer#click\n * @param {Cluster} c The cluster that was clicked.\n * @event\n */\n google.maps.event.trigger(mc, \"click\", cClusterIcon.cluster_);\n google.maps.event.trigger(mc, \"clusterclick\", cClusterIcon.cluster_); // deprecated name\n\n // The default click handler follows. Disable it by setting\n // the zoomOnClick property to false.\n if (mc.getZoomOnClick()) {\n // Zoom into the cluster.\n mz = mc.getMaxZoom();\n theBounds = cClusterIcon.cluster_.getBounds();\n mc.getMap().fitBounds(theBounds);\n // There is a fix for Issue 170 here:\n setTimeout(function() {\n mc.getMap().fitBounds(theBounds);\n // Don't zoom beyond the max zoom level\n if (mz !== null && (mc.getMap().getZoom() > mz)) {\n mc.getMap().setZoom(mz + 1);\n }\n }, 100);\n }\n\n // Prevent event propagation to the map:\n e.cancelBubble = true;\n if (e.stopPropagation) {\n e.stopPropagation();\n }\n }\n });\n\n google.maps.event.addDomListener(this.div_, \"mouseover\", function() {\n var mc = cClusterIcon.cluster_.getMarkerClusterer();\n /**\n * This event is fired when the mouse moves over a cluster marker.\n * @name MarkerClusterer#mouseover\n * @param {Cluster} c The cluster that the mouse moved over.\n * @event\n */\n google.maps.event.trigger(mc, \"mouseover\", cClusterIcon.cluster_);\n });\n\n google.maps.event.addDomListener(this.div_, \"mouseout\", function() {\n var mc = cClusterIcon.cluster_.getMarkerClusterer();\n /**\n * This event is fired when the mouse moves out of a cluster marker.\n * @name MarkerClusterer#mouseout\n * @param {Cluster} c The cluster that the mouse moved out of.\n * @event\n */\n google.maps.event.trigger(mc, \"mouseout\", cClusterIcon.cluster_);\n });\n};\n\n\n/**\n * Removes the icon from the DOM.\n */\nClusterIcon.prototype.onRemove = function() {\n if (this.div_ && this.div_.parentNode) {\n this.hide();\n google.maps.event.removeListener(this.boundsChangedListener_);\n google.maps.event.clearInstanceListeners(this.div_);\n this.div_.parentNode.removeChild(this.div_);\n this.div_ = null;\n }\n};\n\n\n/**\n * Draws the icon.\n */\nClusterIcon.prototype.draw = function() {\n if (this.visible_) {\n var pos = this.getPosFromLatLng_(this.center_);\n this.div_.style.top = pos.y + \"px\";\n this.div_.style.left = pos.x + \"px\";\n }\n};\n\n\n/**\n * Hides the icon.\n */\nClusterIcon.prototype.hide = function() {\n if (this.div_) {\n this.div_.style.display = \"none\";\n }\n this.visible_ = false;\n};\n\n\n/**\n * Positions and shows the icon.\n */\nClusterIcon.prototype.show = function() {\n if (this.div_) {\n var img = \"\";\n // NOTE: values must be specified in px units\n var bp = this.backgroundPosition_.split(\" \");\n var spriteH = parseInt(bp[0].trim(), 10);\n var spriteV = parseInt(bp[1].trim(), 10);\n var pos = this.getPosFromLatLng_(this.center_);\n this.div_.style.cssText = this.createCss(pos);\n img = \"\";\n this.div_.innerHTML = img + \"
\" + (this.cluster_.hideLabel_ ? ' ' : this.sums_.text) + \"
\";\n if (typeof this.sums_.title === \"undefined\" || this.sums_.title === \"\") {\n this.div_.title = this.cluster_.getMarkerClusterer().getTitle();\n } else {\n this.div_.title = this.sums_.title;\n }\n this.div_.style.display = \"\";\n }\n this.visible_ = true;\n};\n\n\n/**\n * Sets the icon styles to the appropriate element in the styles array.\n *\n * @param {ClusterIconInfo} sums The icon label text and styles index.\n */\nClusterIcon.prototype.useStyle = function(sums) {\n this.sums_ = sums;\n var index = Math.max(0, sums.index - 1);\n index = Math.min(this.styles_.length - 1, index);\n var style = this.styles_[index];\n this.url_ = style.url;\n this.height_ = style.height;\n this.width_ = style.width;\n this.anchorText_ = style.anchorText || [0, 0];\n this.anchorIcon_ = style.anchorIcon || [parseInt(this.height_ / 2, 10), parseInt(this.width_ / 2, 10)];\n this.textColor_ = style.textColor || \"black\";\n this.textSize_ = style.textSize || 11;\n this.textDecoration_ = style.textDecoration || \"none\";\n this.fontWeight_ = style.fontWeight || \"bold\";\n this.fontStyle_ = style.fontStyle || \"normal\";\n this.fontFamily_ = style.fontFamily || \"Arial,sans-serif\";\n this.backgroundPosition_ = style.backgroundPosition || \"0 0\";\n};\n\n\n/**\n * Sets the position at which to center the icon.\n *\n * @param {google.maps.LatLng} center The latlng to set as the center.\n */\nClusterIcon.prototype.setCenter = function(center) {\n this.center_ = center;\n};\n\n\n/**\n * Creates the cssText style parameter based on the position of the icon.\n *\n * @param {google.maps.Point} pos The position of the icon.\n * @return {string} The CSS style text.\n */\nClusterIcon.prototype.createCss = function(pos) {\n var style = [];\n style.push(\"cursor: pointer;\");\n style.push(\"position: absolute; top: \" + pos.y + \"px; left: \" + pos.x + \"px;\");\n style.push(\"width: \" + this.width_ + \"px; height: \" + this.height_ + \"px;\");\n return style.join(\"\");\n};\n\n\n/**\n * Returns the position at which to place the DIV depending on the latlng.\n *\n * @param {google.maps.LatLng} latlng The position in latlng.\n * @return {google.maps.Point} The position in pixels.\n */\nClusterIcon.prototype.getPosFromLatLng_ = function(latlng) {\n var pos = this.getProjection().fromLatLngToDivPixel(latlng);\n pos.x -= this.anchorIcon_[1];\n pos.y -= this.anchorIcon_[0];\n pos.x = parseInt(pos.x, 10);\n pos.y = parseInt(pos.y, 10);\n return pos;\n};\n\n\n/**\n * Creates a single cluster that manages a group of proximate markers.\n * Used internally, do not call this constructor directly.\n * @constructor\n * @param {MarkerClusterer} mc The MarkerClusterer object with which this\n * cluster is associated.\n */\nfunction Cluster(mc) {\n this.markerClusterer_ = mc;\n this.map_ = mc.getMap();\n this.gridSize_ = mc.getGridSize();\n this.minClusterSize_ = mc.getMinimumClusterSize();\n this.averageCenter_ = mc.getAverageCenter();\n this.hideLabel_ = mc.getHideLabel();\n this.markers_ = [];\n this.center_ = null;\n this.bounds_ = null;\n this.clusterIcon_ = new ClusterIcon(this, mc.getStyles());\n}\n\n\n/**\n * Returns the number of markers managed by the cluster. You can call this from\n * a click, mouseover, or mouseout event handler\n * for the MarkerClusterer object.\n *\n * @return {number} The number of markers in the cluster.\n */\nCluster.prototype.getSize = function() {\n return this.markers_.length;\n};\n\n\n/**\n * Returns the array of markers managed by the cluster. You can call this from\n * a click, mouseover, or mouseout event handler\n * for the MarkerClusterer object.\n *\n * @return {Array} The array of markers in the cluster.\n */\nCluster.prototype.getMarkers = function() {\n return this.markers_;\n};\n\n\n/**\n * Returns the center of the cluster. You can call this from\n * a click, mouseover, or mouseout event handler\n * for the MarkerClusterer object.\n *\n * @return {google.maps.LatLng} The center of the cluster.\n */\nCluster.prototype.getCenter = function() {\n return this.center_;\n};\n\n\n/**\n * Returns the map with which the cluster is associated.\n *\n * @return {google.maps.Map} The map.\n * @ignore\n */\nCluster.prototype.getMap = function() {\n return this.map_;\n};\n\n\n/**\n * Returns the MarkerClusterer object with which the cluster is associated.\n *\n * @return {MarkerClusterer} The associated marker clusterer.\n * @ignore\n */\nCluster.prototype.getMarkerClusterer = function() {\n return this.markerClusterer_;\n};\n\n\n/**\n * Returns the bounds of the cluster.\n *\n * @return {google.maps.LatLngBounds} the cluster bounds.\n * @ignore\n */\nCluster.prototype.getBounds = function() {\n var i;\n var bounds = new google.maps.LatLngBounds(this.center_, this.center_);\n var markers = this.getMarkers();\n for (i = 0; i < markers.length; i++) {\n bounds.extend(markers[i].getPosition());\n }\n return bounds;\n};\n\n\n/**\n * Removes the cluster from the map.\n *\n * @ignore\n */\nCluster.prototype.remove = function() {\n this.clusterIcon_.setMap(null);\n this.markers_ = [];\n delete this.markers_;\n};\n\n\n/**\n * Adds a marker to the cluster.\n *\n * @param {google.maps.Marker} marker The marker to be added.\n * @return {boolean} True if the marker was added.\n * @ignore\n */\nCluster.prototype.addMarker = function(marker) {\n var i;\n var mCount;\n var mz;\n\n if (this.isMarkerAlreadyAdded_(marker)) {\n return false;\n }\n\n if (!this.center_) {\n this.center_ = marker.getPosition();\n this.calculateBounds_();\n } else {\n if (this.averageCenter_) {\n var l = this.markers_.length + 1;\n var lat = (this.center_.lat() * (l - 1) + marker.getPosition().lat()) / l;\n var lng = (this.center_.lng() * (l - 1) + marker.getPosition().lng()) / l;\n this.center_ = new google.maps.LatLng(lat, lng);\n this.calculateBounds_();\n }\n }\n\n marker.isAdded = true;\n this.markers_.push(marker);\n\n mCount = this.markers_.length;\n mz = this.markerClusterer_.getMaxZoom();\n if (mz !== null && this.map_.getZoom() > mz) {\n // Zoomed in past max zoom, so show the marker.\n if (marker.getMap() !== this.map_) {\n marker.setMap(this.map_);\n }\n } else if (mCount < this.minClusterSize_) {\n // Min cluster size not reached so show the marker.\n if (marker.getMap() !== this.map_) {\n marker.setMap(this.map_);\n }\n } else if (mCount === this.minClusterSize_) {\n // Hide the markers that were showing.\n for (i = 0; i < mCount; i++) {\n this.markers_[i].setMap(null);\n }\n } else {\n marker.setMap(null);\n }\n\n return true;\n};\n\n\n/**\n * Determines if a marker lies within the cluster's bounds.\n *\n * @param {google.maps.Marker} marker The marker to check.\n * @return {boolean} True if the marker lies in the bounds.\n * @ignore\n */\nCluster.prototype.isMarkerInClusterBounds = function(marker) {\n return this.bounds_.contains(marker.getPosition());\n};\n\n\n/**\n * Calculates the extended bounds of the cluster with the grid.\n */\nCluster.prototype.calculateBounds_ = function() {\n var bounds = new google.maps.LatLngBounds(this.center_, this.center_);\n this.bounds_ = this.markerClusterer_.getExtendedBounds(bounds);\n};\n\n\n/**\n * Updates the cluster icon.\n */\nCluster.prototype.updateIcon_ = function() {\n var mCount = this.markers_.length;\n var mz = this.markerClusterer_.getMaxZoom();\n\n if (mz !== null && this.map_.getZoom() > mz) {\n this.clusterIcon_.hide();\n return;\n }\n\n if (mCount < this.minClusterSize_) {\n // Min cluster size not yet reached.\n this.clusterIcon_.hide();\n return;\n }\n\n var numStyles = this.markerClusterer_.getStyles().length;\n var sums = this.markerClusterer_.getCalculator()(this.markers_, numStyles);\n this.clusterIcon_.setCenter(this.center_);\n this.clusterIcon_.useStyle(sums);\n this.clusterIcon_.show();\n};\n\n\n/**\n * Determines if a marker has already been added to the cluster.\n *\n * @param {google.maps.Marker} marker The marker to check.\n * @return {boolean} True if the marker has already been added.\n */\nCluster.prototype.isMarkerAlreadyAdded_ = function(marker) {\n for (var i = 0, n = this.markers_.length; i < n; i++) {\n if (marker === this.markers_[i]) {\n return true;\n }\n }\n return false;\n};\n\n\n/**\n * @name MarkerClustererOptions\n * @class This class represents the optional parameter passed to\n * the {@link MarkerClusterer} constructor.\n * @property {number} [gridSize=60] The grid size of a cluster in pixels. The grid is a square.\n * @property {number} [maxZoom=null] The maximum zoom level at which clustering is enabled or\n * null if clustering is to be enabled at all zoom levels.\n * @property {boolean} [zoomOnClick=true] Whether to zoom the map when a cluster marker is\n * clicked. You may want to set this to false if you have installed a handler\n * for the click event and it deals with zooming on its own.\n * @property {boolean} [averageCenter=false] Whether the position of a cluster marker should be\n * the average position of all markers in the cluster. If set to false, the\n * cluster marker is positioned at the location of the first marker added to the cluster.\n * @property {number} [minimumClusterSize=2] The minimum number of markers needed in a cluster\n * before the markers are hidden and a cluster marker appears.\n * @property {boolean} [ignoreHidden=false] Whether to ignore hidden markers in clusters. You\n * may want to set this to true to ensure that hidden markers are not included\n * in the marker count that appears on a cluster marker (this count is the value of the\n * text property of the result returned by the default calculator).\n * If set to true and you change the visibility of a marker being clustered, be\n * sure to also call MarkerClusterer.repaint().\n * @property {string} [title=\"\"] The tooltip to display when the mouse moves over a cluster\n * marker. (Alternatively, you can use a custom calculator function to specify a\n * different tooltip for each cluster marker.)\n * @property {function} [calculator=MarkerClusterer.CALCULATOR] The function used to determine\n * the text to be displayed on a cluster marker and the index indicating which style to use\n * for the cluster marker. The input parameters for the function are (1) the array of markers\n * represented by a cluster marker and (2) the number of cluster icon styles. It returns a\n * {@link ClusterIconInfo} object. The default calculator returns a\n * text property which is the number of markers in the cluster and an\n * index property which is one higher than the lowest integer such that\n * 10^i exceeds the number of markers in the cluster, or the size of the styles\n * array, whichever is less. The styles array element used has an index of\n * index minus 1. For example, the default calculator returns a\n * text value of \"125\" and an index of 3\n * for a cluster icon representing 125 markers so the element used in the styles\n * array is 2. A calculator may also return a title\n * property that contains the text of the tooltip to be used for the cluster marker. If\n * title is not defined, the tooltip is set to the value of the title\n * property for the MarkerClusterer.\n * @property {string} [clusterClass=\"cluster\"] The name of the CSS class defining general styles\n * for the cluster markers. Use this class to define CSS styles that are not set up by the code\n * that processes the styles array.\n * @property {Array} [styles] An array of {@link ClusterIconStyle} elements defining the styles\n * of the cluster markers to be used. The element to be used to style a given cluster marker\n * is determined by the function defined by the calculator property.\n * The default is an array of {@link ClusterIconStyle} elements whose properties are derived\n * from the values for imagePath, imageExtension, and\n * imageSizes.\n * @property {boolean} [enableRetinaIcons=false] Whether to allow the use of cluster icons that\n * have sizes that are some multiple (typically double) of their actual display size. Icons such\n * as these look better when viewed on high-resolution monitors such as Apple's Retina displays.\n * Note: if this property is true, sprites cannot be used as cluster icons.\n * @property {number} [batchSize=MarkerClusterer.BATCH_SIZE] Set this property to the\n * number of markers to be processed in a single batch when using a browser other than\n * Internet Explorer (for Internet Explorer, use the batchSizeIE property instead).\n * @property {number} [batchSizeIE=MarkerClusterer.BATCH_SIZE_IE] When Internet Explorer is\n * being used, markers are processed in several batches with a small delay inserted between\n * each batch in an attempt to avoid Javascript timeout errors. Set this property to the\n * number of markers to be processed in a single batch; select as high a number as you can\n * without causing a timeout error in the browser. This number might need to be as low as 100\n * if 15,000 markers are being managed, for example.\n * @property {string} [imagePath=MarkerClusterer.IMAGE_PATH]\n * The full URL of the root name of the group of image files to use for cluster icons.\n * The complete file name is of the form imagePathn.imageExtension\n * where n is the image file number (1, 2, etc.).\n * @property {string} [imageExtension=MarkerClusterer.IMAGE_EXTENSION]\n * The extension name for the cluster icon image files (e.g., \"png\" or\n * \"jpg\").\n * @property {Array} [imageSizes=MarkerClusterer.IMAGE_SIZES]\n * An array of numbers containing the widths of the group of\n * imagePathn.imageExtension image files.\n * (The images are assumed to be square.)\n */\n/**\n * Creates a MarkerClusterer object with the options specified in {@link MarkerClustererOptions}.\n * @constructor\n * @extends google.maps.OverlayView\n * @param {google.maps.Map} map The Google map to attach to.\n * @param {Array.gridSize property.\n *\n * @return {number} The grid size.\n */\nMarkerClusterer.prototype.getGridSize = function() {\n return this.gridSize_;\n};\n\n\n/**\n * Sets the value of the gridSize property.\n *\n * @param {number} gridSize The grid size.\n */\nMarkerClusterer.prototype.setGridSize = function(gridSize) {\n this.gridSize_ = gridSize;\n};\n\n\n/**\n * Returns the value of the minimumClusterSize property.\n *\n * @return {number} The minimum cluster size.\n */\nMarkerClusterer.prototype.getMinimumClusterSize = function() {\n return this.minClusterSize_;\n};\n\n/**\n * Sets the value of the minimumClusterSize property.\n *\n * @param {number} minimumClusterSize The minimum cluster size.\n */\nMarkerClusterer.prototype.setMinimumClusterSize = function(minimumClusterSize) {\n this.minClusterSize_ = minimumClusterSize;\n};\n\n\n/**\n * Returns the value of the maxZoom property.\n *\n * @return {number} The maximum zoom level.\n */\nMarkerClusterer.prototype.getMaxZoom = function() {\n return this.maxZoom_;\n};\n\n\n/**\n * Sets the value of the maxZoom property.\n *\n * @param {number} maxZoom The maximum zoom level.\n */\nMarkerClusterer.prototype.setMaxZoom = function(maxZoom) {\n this.maxZoom_ = maxZoom;\n};\n\n\n/**\n * Returns the value of the styles property.\n *\n * @return {Array} The array of styles defining the cluster markers to be used.\n */\nMarkerClusterer.prototype.getStyles = function() {\n return this.styles_;\n};\n\n\n/**\n * Sets the value of the styles property.\n *\n * @param {Array.title property.\n *\n * @return {string} The content of the title text.\n */\nMarkerClusterer.prototype.getTitle = function() {\n return this.title_;\n};\n\n\n/**\n * Sets the value of the title property.\n *\n * @param {string} title The value of the title property.\n */\nMarkerClusterer.prototype.setTitle = function(title) {\n this.title_ = title;\n};\n\n\n/**\n * Returns the value of the zoomOnClick property.\n *\n * @return {boolean} True if zoomOnClick property is set.\n */\nMarkerClusterer.prototype.getZoomOnClick = function() {\n return this.zoomOnClick_;\n};\n\n\n/**\n * Sets the value of the zoomOnClick property.\n *\n * @param {boolean} zoomOnClick The value of the zoomOnClick property.\n */\nMarkerClusterer.prototype.setZoomOnClick = function(zoomOnClick) {\n this.zoomOnClick_ = zoomOnClick;\n};\n\n\n/**\n * Returns the value of the averageCenter property.\n *\n * @return {boolean} True if averageCenter property is set.\n */\nMarkerClusterer.prototype.getAverageCenter = function() {\n return this.averageCenter_;\n};\n\n\n/**\n * Sets the value of the averageCenter property.\n *\n * @param {boolean} averageCenter The value of the averageCenter property.\n */\nMarkerClusterer.prototype.setAverageCenter = function(averageCenter) {\n this.averageCenter_ = averageCenter;\n};\n\n\n/**\n * Returns the value of the ignoreHidden property.\n *\n * @return {boolean} True if ignoreHidden property is set.\n */\nMarkerClusterer.prototype.getIgnoreHidden = function() {\n return this.ignoreHidden_;\n};\n\n\n/**\n * Sets the value of the ignoreHidden property.\n *\n * @param {boolean} ignoreHidden The value of the ignoreHidden property.\n */\nMarkerClusterer.prototype.setIgnoreHidden = function(ignoreHidden) {\n this.ignoreHidden_ = ignoreHidden;\n};\n\n\n/**\n * Returns the value of the enableRetinaIcons property.\n *\n * @return {boolean} True if enableRetinaIcons property is set.\n */\nMarkerClusterer.prototype.getEnableRetinaIcons = function() {\n return this.enableRetinaIcons_;\n};\n\n\n/**\n * Sets the value of the enableRetinaIcons property.\n *\n * @param {boolean} enableRetinaIcons The value of the enableRetinaIcons property.\n */\nMarkerClusterer.prototype.setEnableRetinaIcons = function(enableRetinaIcons) {\n this.enableRetinaIcons_ = enableRetinaIcons;\n};\n\n\n/**\n * Returns the value of the imageExtension property.\n *\n * @return {string} The value of the imageExtension property.\n */\nMarkerClusterer.prototype.getImageExtension = function() {\n return this.imageExtension_;\n};\n\n\n/**\n * Sets the value of the imageExtension property.\n *\n * @param {string} imageExtension The value of the imageExtension property.\n */\nMarkerClusterer.prototype.setImageExtension = function(imageExtension) {\n this.imageExtension_ = imageExtension;\n};\n\n\n/**\n * Returns the value of the imagePath property.\n *\n * @return {string} The value of the imagePath property.\n */\nMarkerClusterer.prototype.getImagePath = function() {\n return this.imagePath_;\n};\n\n\n/**\n * Sets the value of the imagePath property.\n *\n * @param {string} imagePath The value of the imagePath property.\n */\nMarkerClusterer.prototype.setImagePath = function(imagePath) {\n this.imagePath_ = imagePath;\n};\n\n\n/**\n * Returns the value of the imageSizes property.\n *\n * @return {Array} The value of the imageSizes property.\n */\nMarkerClusterer.prototype.getImageSizes = function() {\n return this.imageSizes_;\n};\n\n\n/**\n * Sets the value of the imageSizes property.\n *\n * @param {Array} imageSizes The value of the imageSizes property.\n */\nMarkerClusterer.prototype.setImageSizes = function(imageSizes) {\n this.imageSizes_ = imageSizes;\n};\n\n\n/**\n * Returns the value of the calculator property.\n *\n * @return {function} the value of the calculator property.\n */\nMarkerClusterer.prototype.getCalculator = function() {\n return this.calculator_;\n};\n\n\n/**\n * Sets the value of the calculator property.\n *\n * @param {function(Array.hideLabel property.\n *\n * @param {boolean} printable The value of the hideLabel property.\n */\nMarkerClusterer.prototype.setHideLabel = function(hideLabel) {\n this.hideLabel_ = hideLabel;\n};\n\n/**\n * Returns the value of the hideLabel property.\n *\n * @return {boolean} the value of the hideLabel property.\n */\nMarkerClusterer.prototype.getHideLabel = function() {\n return this.hideLabel_;\n};\n\n/**\n * Returns the value of the batchSizeIE property.\n *\n * @return {number} the value of the batchSizeIE property.\n */\nMarkerClusterer.prototype.getBatchSizeIE = function() {\n return this.batchSizeIE_;\n};\n\n\n/**\n * Sets the value of the batchSizeIE property.\n *\n * @param {number} batchSizeIE The value of the batchSizeIE property.\n */\nMarkerClusterer.prototype.setBatchSizeIE = function(batchSizeIE) {\n this.batchSizeIE_ = batchSizeIE;\n};\n\n\n/**\n * Returns the value of the clusterClass property.\n *\n * @return {string} the value of the clusterClass property.\n */\nMarkerClusterer.prototype.getClusterClass = function() {\n return this.clusterClass_;\n};\n\n\n/**\n * Sets the value of the clusterClass property.\n *\n * @param {string} clusterClass The value of the clusterClass property.\n */\nMarkerClusterer.prototype.setClusterClass = function(clusterClass) {\n this.clusterClass_ = clusterClass;\n};\n\n\n/**\n * Returns the array of markers managed by the clusterer.\n *\n * @return {Array} The array of markers managed by the clusterer.\n */\nMarkerClusterer.prototype.getMarkers = function() {\n return this.markers_;\n};\n\n\n/**\n * Returns the number of markers managed by the clusterer.\n *\n * @return {number} The number of markers.\n */\nMarkerClusterer.prototype.getTotalMarkers = function() {\n return this.markers_.length;\n};\n\n\n/**\n * Returns the current array of clusters formed by the clusterer.\n *\n * @return {Array} The array of clusters formed by the clusterer.\n */\nMarkerClusterer.prototype.getClusters = function() {\n return this.clusters_;\n};\n\n\n/**\n * Returns the number of clusters formed by the clusterer.\n *\n * @return {number} The number of clusters formed by the clusterer.\n */\nMarkerClusterer.prototype.getTotalClusters = function() {\n return this.clusters_.length;\n};\n\n\n/**\n * Adds a marker to the clusterer. The clusters are redrawn unless\n * opt_nodraw is set to true.\n *\n * @param {google.maps.Marker} marker The marker to add.\n * @param {boolean} [opt_nodraw] Set to true to prevent redrawing.\n */\nMarkerClusterer.prototype.addMarker = function(marker, opt_nodraw) {\n this.pushMarkerTo_(marker);\n if (!opt_nodraw) {\n this.redraw_();\n }\n};\n\n\n/**\n * Adds an array of markers to the clusterer. The clusters are redrawn unless\n * opt_nodraw is set to true.\n *\n * @param {Array.true to prevent redrawing.\n */\nMarkerClusterer.prototype.addMarkers = function(markers, opt_nodraw) {\n var key;\n for (key in markers) {\n if (markers.hasOwnProperty(key)) {\n this.pushMarkerTo_(markers[key]);\n }\n }\n if (!opt_nodraw) {\n this.redraw_();\n }\n};\n\n\n/**\n * Pushes a marker to the clusterer.\n *\n * @param {google.maps.Marker} marker The marker to add.\n */\nMarkerClusterer.prototype.pushMarkerTo_ = function(marker) {\n // If the marker is draggable add a listener so we can update the clusters on the dragend:\n if (marker.getDraggable()) {\n var cMarkerClusterer = this;\n google.maps.event.addListener(marker, \"dragend\", function() {\n if (cMarkerClusterer.ready_) {\n this.isAdded = false;\n cMarkerClusterer.repaint();\n }\n });\n }\n marker.isAdded = false;\n this.markers_.push(marker);\n};\n\n\n/**\n * Removes a marker from the cluster and map. The clusters are redrawn unless\n * opt_nodraw is set to true. Returns true if the\n * marker was removed from the clusterer.\n *\n * @param {google.maps.Marker} marker The marker to remove.\n * @param {boolean} [opt_nodraw] Set to true to prevent redrawing.\n * @param {boolean} [opt_noMapRemove] Set to true to prevent removal from map but still removing from cluster management\n * @return {boolean} True if the marker was removed from the clusterer.\n */\nMarkerClusterer.prototype.removeMarker = function(marker, opt_nodraw, opt_noMapRemove) {\n var removeFromMap = true && !opt_noMapRemove;\n var removed = this.removeMarker_(marker, removeFromMap);\n\n if (!opt_nodraw && removed) {\n this.repaint();\n }\n\n return removed;\n};\n\n\n/**\n * Removes an array of markers from the cluster and map. The clusters are redrawn unless\n * opt_nodraw is set to true. Returns true if markers\n * were removed from the clusterer.\n *\n * @param {Array.true to prevent redrawing.\n * @param {boolean} [opt_noMapRemove] Set to true to prevent removal from map but still removing from cluster management\n * @return {boolean} True if markers were removed from the clusterer.\n */\nMarkerClusterer.prototype.removeMarkers = function(markers, opt_nodraw, opt_noMapRemove) {\n var i, r;\n var removed = false;\n var removeFromMap = true && !opt_noMapRemove;\n\n for (i = 0; i < markers.length; i++) {\n r = this.removeMarker_(markers[i], removeFromMap);\n removed = removed || r;\n }\n\n if (!opt_nodraw && removed) {\n this.repaint();\n }\n\n return removed;\n};\n\n\n/**\n * Removes a marker and returns true if removed, false if not.\n *\n * @param {google.maps.Marker} marker The marker to remove\n * @param {boolean} removeFromMap set to true to explicitly remove from map as well as cluster manangement\n * @return {boolean} Whether the marker was removed or not\n */\nMarkerClusterer.prototype.removeMarker_ = function(marker, removeFromMap) {\n var i;\n var index = -1;\n if (this.markers_.indexOf) {\n index = this.markers_.indexOf(marker);\n } else {\n for (i = 0; i < this.markers_.length; i++) {\n if (marker === this.markers_[i]) {\n index = i;\n break;\n }\n }\n }\n\n if (index === -1) {\n // Marker is not in our list of markers, so do nothing:\n return false;\n }\n\n if (removeFromMap) {\n marker.setMap(null);\n }\n\n this.markers_.splice(index, 1); // Remove the marker from the list of managed markers\n return true;\n};\n\n\n/**\n * Removes all clusters and markers from the map and also removes all markers\n * managed by the clusterer.\n */\nMarkerClusterer.prototype.clearMarkers = function() {\n this.resetViewport_(true);\n this.markers_ = [];\n};\n\n\n/**\n * Recalculates and redraws all the marker clusters from scratch.\n * Call this after changing any properties.\n */\nMarkerClusterer.prototype.repaint = function() {\n var oldClusters = this.clusters_.slice();\n this.clusters_ = [];\n this.resetViewport_(false);\n this.redraw_();\n\n // Remove the old clusters.\n // Do it in a timeout to prevent blinking effect.\n setTimeout(function() {\n var i;\n for (i = 0; i < oldClusters.length; i++) {\n oldClusters[i].remove();\n }\n }, 0);\n};\n\n\n/**\n * Returns the current bounds extended by the grid size.\n *\n * @param {google.maps.LatLngBounds} bounds The bounds to extend.\n * @return {google.maps.LatLngBounds} The extended bounds.\n * @ignore\n */\nMarkerClusterer.prototype.getExtendedBounds = function(bounds) {\n var projection = this.getProjection();\n\n // Turn the bounds into latlng.\n var tr = new google.maps.LatLng(bounds.getNorthEast().lat(),\n bounds.getNorthEast().lng());\n var bl = new google.maps.LatLng(bounds.getSouthWest().lat(),\n bounds.getSouthWest().lng());\n\n // Convert the points to pixels and the extend out by the grid size.\n var trPix = projection.fromLatLngToDivPixel(tr);\n trPix.x += this.gridSize_;\n trPix.y -= this.gridSize_;\n\n var blPix = projection.fromLatLngToDivPixel(bl);\n blPix.x -= this.gridSize_;\n blPix.y += this.gridSize_;\n\n // Convert the pixel points back to LatLng\n var ne = projection.fromDivPixelToLatLng(trPix);\n var sw = projection.fromDivPixelToLatLng(blPix);\n\n // Extend the bounds to contain the new bounds.\n bounds.extend(ne);\n bounds.extend(sw);\n\n return bounds;\n};\n\n\n/**\n * Redraws all the clusters.\n */\nMarkerClusterer.prototype.redraw_ = function() {\n this.createClusters_(0);\n};\n\n\n/**\n * Removes all clusters from the map. The markers are also removed from the map\n * if opt_hide is set to true.\n *\n * @param {boolean} [opt_hide] Set to true to also remove the markers\n * from the map.\n */\nMarkerClusterer.prototype.resetViewport_ = function(opt_hide) {\n var i, marker;\n // Remove all the clusters\n for (i = 0; i < this.clusters_.length; i++) {\n this.clusters_[i].remove();\n }\n this.clusters_ = [];\n\n // Reset the markers to not be added and to be removed from the map.\n for (i = 0; i < this.markers_.length; i++) {\n marker = this.markers_[i];\n marker.isAdded = false;\n if (opt_hide) {\n marker.setMap(null);\n }\n }\n};\n\n\n/**\n * Calculates the distance between two latlng locations in km.\n *\n * @param {google.maps.LatLng} p1 The first lat lng point.\n * @param {google.maps.LatLng} p2 The second lat lng point.\n * @return {number} The distance between the two points in km.\n * @see http://www.movable-type.co.uk/scripts/latlong.html\n */\nMarkerClusterer.prototype.distanceBetweenPoints_ = function(p1, p2) {\n var R = 6371; // Radius of the Earth in km\n var dLat = (p2.lat() - p1.lat()) * Math.PI / 180;\n var dLon = (p2.lng() - p1.lng()) * Math.PI / 180;\n var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +\n Math.cos(p1.lat() * Math.PI / 180) * Math.cos(p2.lat() * Math.PI / 180) *\n Math.sin(dLon / 2) * Math.sin(dLon / 2);\n var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\n var d = R * c;\n return d;\n};\n\n\n/**\n * Determines if a marker is contained in a bounds.\n *\n * @param {google.maps.Marker} marker The marker to check.\n * @param {google.maps.LatLngBounds} bounds The bounds to check against.\n * @return {boolean} True if the marker is in the bounds.\n */\nMarkerClusterer.prototype.isMarkerInBounds_ = function(marker, bounds) {\n return bounds.contains(marker.getPosition());\n};\n\n\n/**\n * Adds a marker to a cluster, or creates a new cluster.\n *\n * @param {google.maps.Marker} marker The marker to add.\n */\nMarkerClusterer.prototype.addToClosestCluster_ = function(marker) {\n var i, d, cluster, center;\n var distance = 40000; // Some large number\n var clusterToAddTo = null;\n for (i = 0; i < this.clusters_.length; i++) {\n cluster = this.clusters_[i];\n center = cluster.getCenter();\n if (center) {\n d = this.distanceBetweenPoints_(center, marker.getPosition());\n if (d < distance) {\n distance = d;\n clusterToAddTo = cluster;\n }\n }\n }\n\n if (clusterToAddTo && clusterToAddTo.isMarkerInClusterBounds(marker)) {\n clusterToAddTo.addMarker(marker);\n } else {\n cluster = new Cluster(this);\n cluster.addMarker(marker);\n this.clusters_.push(cluster);\n }\n};\n\n\n/**\n * Creates the clusters. This is done in batches to avoid timeout errors\n * in some browsers when there is a huge number of markers.\n *\n * @param {number} iFirst The index of the first marker in the batch of\n * markers to be added to clusters.\n */\nMarkerClusterer.prototype.createClusters_ = function(iFirst) {\n var i, marker;\n var mapBounds;\n var cMarkerClusterer = this;\n if (!this.ready_) {\n return;\n }\n\n // Cancel previous batch processing if we're working on the first batch:\n if (iFirst === 0) {\n /**\n * This event is fired when the MarkerClusterer begins\n * clustering markers.\n * @name MarkerClusterer#clusteringbegin\n * @param {MarkerClusterer} mc The MarkerClusterer whose markers are being clustered.\n * @event\n */\n google.maps.event.trigger(this, \"clusteringbegin\", this);\n\n if (typeof this.timerRefStatic !== \"undefined\") {\n clearTimeout(this.timerRefStatic);\n delete this.timerRefStatic;\n }\n }\n\n // Get our current map view bounds.\n // Create a new bounds object so we don't affect the map.\n //\n // See Comments 9 & 11 on Issue 3651 relating to this workaround for a Google Maps bug:\n if (this.getMap().getZoom() > 3) {\n mapBounds = new google.maps.LatLngBounds(this.getMap().getBounds().getSouthWest(),\n this.getMap().getBounds().getNorthEast());\n } else {\n mapBounds = new google.maps.LatLngBounds(new google.maps.LatLng(85.02070771743472, -178.48388434375), new google.maps.LatLng(-85.08136444384544, 178.00048865625));\n }\n var bounds = this.getExtendedBounds(mapBounds);\n\n var iLast = Math.min(iFirst + this.batchSize_, this.markers_.length);\n\n for (i = iFirst; i < iLast; i++) {\n marker = this.markers_[i];\n if (!marker.isAdded && this.isMarkerInBounds_(marker, bounds)) {\n if (!this.ignoreHidden_ || (this.ignoreHidden_ && marker.getVisible())) {\n this.addToClosestCluster_(marker);\n }\n }\n }\n\n if (iLast < this.markers_.length) {\n this.timerRefStatic = setTimeout(function() {\n cMarkerClusterer.createClusters_(iLast);\n }, 0);\n } else {\n delete this.timerRefStatic;\n\n /**\n * This event is fired when the MarkerClusterer stops\n * clustering markers.\n * @name MarkerClusterer#clusteringend\n * @param {MarkerClusterer} mc The MarkerClusterer whose markers are being clustered.\n * @event\n */\n google.maps.event.trigger(this, \"clusteringend\", this);\n\n for (i = 0; i < this.clusters_.length; i++) {\n this.clusters_[i].updateIcon_();\n }\n }\n};\n\n\n/**\n * Extends an object's prototype by another's.\n *\n * @param {Object} obj1 The object to be extended.\n * @param {Object} obj2 The object to extend with.\n * @return {Object} The new extended object.\n * @ignore\n */\nMarkerClusterer.prototype.extend = function(obj1, obj2) {\n return (function(object) {\n var property;\n for (property in object.prototype) {\n this.prototype[property] = object.prototype[property];\n }\n return this;\n }).apply(obj1, [obj2]);\n};\n\n\n/**\n * The default function for determining the label text and style\n * for a cluster icon.\n *\n * @param {Array.' + item.text + \"
\");\n\t\t\t\t\toption.click(self, function(e) {\n\t\t\t\t\t\tvar mapElementId = $(e.data.element).data('bind-map');\n\t\t\t\t\t\tif (mapElementId)\n\t\t\t\t\t\t\t$(mapElementId).googlemap('focusMarkerById', item.value);\n\t\t\t\t\t});\n\t\t\t\t\tself.element.find(self.options.optionsList).append(option);\n\t\t\t\t}\n\t\t\t});\n\n\t\t},\n\t\treset: function() {\n\t\t\tvar self = this;\n\t\t\tself.element.find(self.options.input).val('').trigger('change');\n\t\t\tself.updateValue();\n\t\t\tself.element.find(self.options.text).val(self.vars.defaultText);\n\t\t}\n\t});\n})(jQuery);","(function($) {\n\t'use strict';\n\t$.widget('msv.dropdownSearch', {\n\t\toptions: {\n\t\t\tlimit: 6,\n\t\t\ttextField: '.form-item-text',\n\t\t\toptionsList: '.form-datalist__options',\n\t\t\tpointer: '.form-datalist__pointer',\n\t\t\tinput: 'input[type=hidden]',\n\t\t\tremoveBtn: '',\n\t\t\tremoveBtnClass: '.remove-it'\n\t\t},\n\t\tvars: {},\n\t\tel: {},\n\t\t_create: function() {\n\t\t\t//---------- define vars and elements -----------------------------\n\t\t\tvar self = this;\n\t\t\tself.vars = {};\n\t\t\tself.vars.dataSource = self.element.data('json'); //example: [{\"value\":1,\"text\":\"one\"},{\"value\":2,\"text\":\"two\"}]\n\t\t\tself.vars.fieldName = self.element.data('name');\n\t\t\tself.vars.required = self.element.data('required');\n\t\t\tself.vars.filteredDataSource = self.vars.dataSource;\n\t\t\tself.vars.enableScroll = self.element.data('enable-scroll');\n\t\t},\n\t\t_init: function() {\n\t\t\tvar self = this;\n\t\t\tvar textField = self.element.find(self.options.textField);\n\t\t\ttextField.click(function(e) {\n\t\t\t\tself.filterBy($(e.target).val());\n\t\t\t\tself.populate();\n\t\t\t\tself.open();\n\t\t\t});\n\t\t\ttextField.keydown(function(e) {\n\t\t\t\tif (e.keyCode == 9 && self.vars.filteredDataSource.length == 1) {\n\t\t\t\t\ttextField.val(self.vars.filteredDataSource[0].text);\n\t\t\t\t\tself.element.find(self.options.input).val(self.vars.filteredDataSource[0].value);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\ttextField.keyup(function(e) {\n\t\t\t\t//console.log('text keyup');\n\t\t\t\tself.filterBy(textField.val());\n\t\t\t\tself.populate();\n\t\t\t\tself.open();\n\t\t\t});\n\t\t\ttextField.blur(function(e) {\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\tself.close();\n\t\t\t\t}, 200);\n\t\t\t});\n\t\t\tself.element.find(self.options.pointer).mouseup(function() {\n\t\t\t\tif (self.element.hasClass(\"opened\")) {\n\t\t\t\t\tself.close();\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tself.filterBy(textField.val());\n\t\t\t\t\tself.populate();\n\t\t\t\t\tself.open();\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tself.element.find(self.options.optionsList).off('click').on('click', function(item) {\n\t\t\t\tif (self.element.find(self.options.optionsList)[0] == item.target)\n\t\t\t\t\treturn false;\n\n\t\t\t\tself.updateValue(item);\n\t\t\t});\n\n\t\t\t$(window).resize(function() {\n\t\t\t\tself.redraw();\n\t\t\t});\n\n\t\t\tif (self.vars.enableScroll) {\n\t\t\t\tself.element.find(self.options.optionsList)\n\t\t\t\t\t.css({ 'overflow-y': 'auto', 'max-height': '300px' });\n\t\t\t}\n\t\t},\n\t\tupdateValue: function(selectedOption) {\n\t\t\tvar self = this;\n\t\t\tvar inputHidden = self.element.find(self.options.input);\n\t\t\tvar textField = self.element.find(self.options.textField);\n\t\t\tif (typeof(selectedOption) != 'undefined') {\n\t\t\t\ttextField.val($(selectedOption.target).text());\n\t\t\t\tinputHidden.val($(selectedOption.target).data('value')).trigger('change');\n\t\t\t}\n\t\t\telse {\n\t\t\t\ttextField.val(null);\n\t\t\t\tinputHidden.val(null).trigger('change');\n\t\t\t}\n\n\t\t\tif (inputHidden.val()) {\n\t\t\t\tself.element.find('.btn-remove-it').remove();\n\t\t\t\tself.element.addClass('has-value');\n\t\t\t\tself.vars.btnRemove = $(self.options.removeBtn).off('click').click(function() {\n\t\t\t\t\tself.updateValue();\n\t\t\t\t});\n\t\t\t\tself.element.append(self.vars.btnRemove);\n\n\t\t\t\tinputHidden.valid();\n\t\t\t\tinputText.valid();\n\t\t\t}\n\t\t\telse {\n\t\t\t\tself.element.removeClass('has-value');\n\t\t\t\tself.element.find('.btn-remove-it').remove();\n\t\t\t}\n\t\t},\n\t\t_destroy: function() {},\n\t\topen: function() {\n\t\t\tvar self = this;\n\t\t\tself.element.addClass(\"opened\");\n\t\t\tself.redraw();\n\t\t\tself.element.find(self.options.textField).focus();\n\t\t},\n\n\t\tclose: function() {\n\t\t\tvar self = this;\n\t\t\tself.element.removeClass(\"opened\");\n\n\t\t\tvar textExists = false;\n\t\t\tself.vars.filteredDataSource.forEach(function(item) {\n\n\t\t\t\tif (item.text == self.element.find(self.options.textField).val()) {\n\t\t\t\t\ttextExists = true;\n\t\t\t\t\tif (self.element.find(self.options.textField).valid)\n\t\t\t\t\t\tself.element.find(self.options.textField).valid();\n\t\t\t\t}\n\n\n\t\t\t});\n\n\t\t\tif (!textExists) {\n\t\t\t\tself.element.find(self.options.textField).val('');\n\t\t\t\tself.element.find(self.options.input).val('');\n\t\t\t}\n\t\t},\n\n\t\tredraw: function() {\n\t\t\tvar self = this;\n\t\t\tself.element.find(self.options.optionsList).width(self.element.find(self.options.textField).width() + 2);\n\t\t},\n\t\tpopulate: function() {\n\t\t\tvar self = this;\n\t\t\tself.element.find(self.options.optionsList).empty();\n\t\t\tif (!self.vars.filteredDataSource || self.vars.filteredDataSource.length === 0) {\n\t\t\t\tself.element.find(self.options.optionsList).append(\"Sem resultados.\");\n\t\t\t}\n\t\t\telse {\n\t\t\t\t$.each(self.vars.filteredDataSource, function(index, item) {\n\t\t\t\t\tvar option = $('' + item.text + \"
\");\n\t\t\t\t\toption.click(self, function(e) {\n\t\t\t\t\t\tvar mapElementId = $(e.data.element).data('bind-map');\n\t\t\t\t\t\tif (mapElementId)\n\t\t\t\t\t\t\t$(mapElementId).googlemap('focusMarkerById', item.value);\n\t\t\t\t\t});\n\t\t\t\t\tself.element.find(self.options.optionsList).append(option);\n\t\t\t\t\tif (!self.vars.enableScroll) {\n\t\t\t\t\t\tif (index >= self.options.limit) {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tif (!self.vars.enableScroll) {\n\t\t\t\t\tif (self.vars.filteredDataSource.length > self.options.limit) {\n\t\t\t\t\t\tself.element.find(self.options.optionsList).append(\"Total de \" + self.vars.filteredDataSource.length + \" resultados encontrados.\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tself.element.find(self.options.input).addClass('has-value');\n\t\t},\n\t\tfilterBy: function(inserted) {\n\t\t\tvar self = this;\n\t\t\tself.vars.dataSource = self.element.data('json');\n\t\t\t// console.log(\"filterby: \", inserted);\n\t\t\tself.vars.filteredDataSource = [];\n\t\t\tif (inserted) {\n\t\t\t\t$.each(self.vars.dataSource, function(index) {\n\t\t\t\t\tif (self.vars.dataSource[index].text.toLowerCase().indexOf(inserted.toLowerCase()) > -1) {\n\t\t\t\t\t\tself.vars.filteredDataSource.push(self.vars.dataSource[index]);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t\telse {\n\t\t\t\tself.vars.filteredDataSource = self.vars.dataSource;\n\t\t\t}\n\t\t},\n\t\treset: function() {\n\t\t\tthis.element.find(self.options.textField).val('');\n\t\t\tthis.element.find(self.options.input).val('');\n\t\t\tthis.filterBy('');\n\t\t}\n\t});\n})(jQuery);","(function($) {\n\t'use strict';\n\t$.widget('msv.dynamicForm', {\n\t\tel: {},\n\t\t_create: function() {\n\t\t\tvar self = this;\n\t\t\tself.vars = {};\n\t\t\tself.vars.htmlToClone = self.element[0].innerHTML;\n\t\t},\n\t\t_init: function() {\n\t\t\tvar self = this;\n\t\t\tself.el.addButton = self.element.find('.js-button-add');\n\n\t\t\tself.el.addButton\n\t\t\t\t.off('click')\n\t\t\t\t.click(function(e) {\n\n\t\t\t\t\tvar currentRowHtml = $(e.target).parent();\n\t\t\t\t\tvar newRemoveButton = $('');\n\n\t\t\t\t\tnewRemoveButton.off('click').click(function(e) {\n\t\t\t\t\t\tcurrentRowHtml.remove();\n\t\t\t\t\t});\n\n\t\t\t\t\tvar newRow = $(self.vars.htmlToClone);\n\t\t\t\t\tnewRow.find(\".js-dropdown\").dropdown();\n\t\t\t\t\tnewRow.find(\".js-dropdown-search\").dropdownSearch();\n\t\t\t\t\t$(this).before(newRemoveButton); //add remove button before add button;\n\t\t\t\t\tself.element.append(newRow);\n\t\t\t\t\tself.element.dynamicForm();\n\t\t\t\t\te.target.remove(); //remove add button \n\t\t\t\t});\n\t\t},\n\t\t_destroy: function() {}\n\t});\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.formpanel', {\n\n\t\toptions: {},\n\t\tresetForm: function() {\n\t\t\tvar self = this;\n\t\t\tself.element.find('input:not([type=radio]):not([type=checkbox]):not(.js-formid)').val(''); //remove all from inputs\n\t\t\tself.element.find('input[type=radio],input[type=checkbox]').prop('checked', false); //uncheck all radiobuttons\n\t\t\tself.element.find('textarea').val(''); //remove all from inputs\n\t\t\tself.element.find('.js-dynamicForm:not(:last)').remove(); // remove all dynamic forms\n\t\t\tself.element.find('.js-upload span').text('') //clean span file\n\t\t\tself.element.find('.js-dropdown').dropdown('reset'); //\n\t\t\tif (grecaptcha)\n\t\t\t\tgrecaptcha.reset()\n\t\t},\n\t\t_create: function() {\n\t\t\tvar self = this;\n\t\t\tthis.validator = null;\n\t\t\tthis._events();\n\t\t\tself.validator = self.element.validate({\n\t\t\t\tignore: [],\n\t\t\t\terrorPlacement: function(error, element) {\n\t\t\t\t\tif (element.attr(\"type\") === \"checkbox\") {\n\t\t\t\t\t\t$(element).closest('.checkbox-wrap').append($('').append(error));\n\t\t\t\t\t}\n\t\t\t\t\telse if (element.attr(\"type\") === \"radio\") {\n\t\t\t\t\t\t$(element).closest('.radio-btns-group').append($('').append(error));\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\terror.insertAfter(element);\n\t\t\t\t\t}\n\t\t\t\t\tvar formItem = $(element).closest(\".form-item\");\n\t\t\t\t\tformItem.addClass(\"not-valid\");\n\t\t\t\t\tformItem.find(\".btn\").addClass(\"btn-red\");\n\t\t\t\t},\n\t\t\t\tsuccess: function(el) {\n\t\t\t\t\t//self.validator.hideErrors();\n\t\t\t\t\tel.closest('form.js-form').find('button.js-submit').removeClass('btn-red');\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.element.on('submit', function(e) {\n\t\t\t\t// console.log(\"submitting form...\");\n\t\t\t\tself.element.find('button.btn').attr('disabled', true).addClass('btn-loading');\n\t\t\t\tself.element.find('.btn-loading').append(\"\");\n\t\t\t\te.preventDefault();\n\t\t\t\t// self.validator = self.element.validate();\n\t\t\t\tvar isValid = self.element.valid();\n\t\t\t\tif (!isValid) {\n\t\t\t\t\tself.element.find('button.btn').attr('disabled', false).addClass('btn-red').removeClass('btn-loading');\n\t\t\t\t\tself.element.find(\".btn-loading-spinner\").remove();\n\t\t\t\t\t// console.log(\"form not valid... exit here\");\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tvar parameters = self.element.data('id') ? \"&idproduct=\" + self.element.data('id') : '';\n\n\t\t\t\tvar allFields = self.element.serialize() + parameters;\n\t\t\t\t$.ajax({\n\t\t\t\t\ttype: \"POST\",\n\t\t\t\t\tcrossDomain: true,\n\t\t\t\t\turl: self.element.data(\"endpoint\"),\n\t\t\t\t\tdata: allFields,\n\t\t\t\t\theaders: { 'g-captcha-value': self.element.find('input[type=hidden][name=captcha]').val() }\n\t\t\t\t}).done(function(data, textStatus, jqXHR) {\n\t\t\t\t\tself.element.find('button.btn').removeClass('btn-loading');\n\t\t\t\t\tself.element.find(\".btn-loading-spinner\").remove();\n\t\t\t\t\t// console.log(textStatus, jqXHR);\n\t\t\t\t\tif (jqXHR.status === 200) {\n\t\t\t\t\t\tself.element.find('.form-success-message').html(self.element.data('msg-success')).show();\n\t\t\t\t\t\tself.element.closest('.modal').find('.modal__content').hide();\n\t\t\t\t\t\tself.element.closest('.modal').find('.form-success-message').show();\n\t\t\t\t\t\tself.element.find('button.btn').addClass('btn-green');\n\t\t\t\t\t\t//newsletter\n\t\t\t\t\t\tself.element.parent('.newsletter__field').find('input').hide();\n\t\t\t\t\t\tself.element.parent('.newsletter__field').find('.form-success-message').addClass('show');\n\n\t\t\t\t\t\tself.resetForm();\n\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\tself.element.find('.form-success-message').html('').hide();\n\t\t\t\t\t\t\tself.element.find('button.btn').attr('disabled', false).removeClass('btn-green');\n\t\t\t\t\t\t\tself.element.closest('.modal').find('.form-success-message').hide();\n\t\t\t\t\t\t\tself.element.closest('.modal').find('.modal__content').show();\n\t\t\t\t\t\t\t//newsletter\n\t\t\t\t\t\t\tself.element.parent('.newsletter__field').find('input').show();\n\t\t\t\t\t\t\tself.element.parent('.newsletter__field').find('.form-success-message').removeClass('show');\n\t\t\t\t\t\t}, 10000);\n\t\t\t\t\t\t// console.log(\"Done: all OK\");\n\t\t\t\t\t}\n\t\t\t\t}).fail(function(jqXHR) {\n\t\t\t\t\tconsole.log(jqXHR);\n\t\t\t\t\tself.element.find('button.btn').attr('disabled', false).addClass('btn-red').removeClass('btn-loading');\n\t\t\t\t\tself.element.find(\".btn-loading-spinner\").remove();\n\t\t\t\t\tself.validator.showErrors(BEC.translate(jqXHR.responseJSON));\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tself.element.find('.js-form-block .js-next')\n\t\t\t\t.off('click')\n\t\t\t\t.on('click', function(e) {\n\t\t\t\t\tvar el = self.element.find(e.target).hide();\n\t\t\t\t\tvar id = el.data('next-form-id');\n\t\t\t\t\tvar partialForm = self.element.find('[data-id=' + id + ']');\n\n\t\t\t\t\t//get previous partial form list\n\t\t\t\t\tvar previousPartialFormList = self.element.find('[data-id]').filter(function() { return $(this).data('id') < id });\n\t\t\t\t\t//Get current and previous partial forms status\n\t\t\t\t\tvar partialFormIsValid = true;\n\t\t\t\t\tpreviousPartialFormList.each(\n\t\t\t\t\t\tfunction() {\n\t\t\t\t\t\t\t$(this).find('input,textarea').each(function() {\n\t\t\t\t\t\t\t\tif (!$(this).valid())\n\t\t\t\t\t\t\t\t\tpartialFormIsValid = false;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\n\t\t\t\t\tif (!partialFormIsValid) {\n\t\t\t\t\t\tel.show();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tpartialForm.fadeIn();\n\t\t\t\t\t$('html, body').animate({ scrollTop: partialForm.offset().top - 150 }, 500)\n\t\t\t\t});\n\n\t\t\t$.validator.addMethod('fullname', function(value) {\n\t\t\t\treturn /^([^0-9]*)$/.test(value);\n\t\t\t});\n\n\t\t\t$.validator.addMethod('terms', function(value, element) {\n\t\t\t\treturn typeof(value) != 'undefined' && value.toString().toLowerCase() == \"true\";\n\t\t\t}, 'Para avançar tem de aceitar os Termos de Utilização');\n\n\t\t\t$(\"input[type=tel]\").on('keypress', function(e) {\n\t\t\t\tvar k = e.keyCode || e.charCode;\n\t\t\t\tvar c = e.charCode;\n\t\t\t\tvar isArrow = (c == 0 && k >= 37 && k <= 40);\n\t\t\t\tvar isSpecial = ((k == 8) || (k == 9) || (k == 127)) || isArrow || (k == 13); // backspace, tab, delete, enter\n\t\t\t\tvar isOK = ((k >= 48 && k <= 57) || k == 43); // numbers and +\n\t\t\t\treturn isOK || isSpecial;\n\t\t\t});\n\t\t},\n\n\t\t_events: function() {\n\t\t\tvar self = this;\n\t\t\tthis._on({\n\t\t\t\t\"click .btn-red\": function(e) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\t$(e.currentTarget).removeClass(\"btn-red\").removeClass('btn-loading');\n\t\t\t\t\tself.validator.resetForm();\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tself.element.find('[data-hide-if]').each(function() {\n\t\t\t\tvar el = $(this);\n\t\t\t\t//var formData = new FormData(self.element[0]);\n\t\t\t\tvar rules = el.data('hide-if');\n\t\t\t\tObject.keys(rules).forEach(function(elementName) {\n\t\t\t\t\tvar sourceElement = self.element.find('input[name=' + elementName + ']');\n\t\t\t\t\tvar values = [];\n\t\t\t\t\tif (Array.isArray(rules[elementName]))\n\t\t\t\t\t\tvalues = rules[elementName];\n\t\t\t\t\telse\n\t\t\t\t\t\tvalues.push(rules[elementName]);\n\n\n\t\t\t\t\tfunction sourceElementAvailability() {\n\t\t\t\t\t\tvar hide = false;\n\t\t\t\t\t\tel.show();\n\t\t\t\t\t\tel.attr('disabled', false);\n\t\t\t\t\t\tel.find('input,select,textarea').attr('disabled', false);\n\n\t\t\t\t\t\tvalues.forEach(function(val) {\n\t\t\t\t\t\t\tif (!sourceElement.val() || sourceElement.val() == val)\n\t\t\t\t\t\t\t\thide = true;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (hide) {\n\t\t\t\t\t\t\tel.hide();\n\t\t\t\t\t\t\tel.attr('disabled', true);\n\t\t\t\t\t\t\tel.find('input,select,textarea').attr('disabled', true);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tel.show();\n\t\t\t\t\t\t\tel.attr('disabled', false);\n\t\t\t\t\t\t\tel.find('input,select,textarea').attr('disabled', false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tsourceElementAvailability();\n\t\t\t\t\tsourceElement.change(sourceElementAvailability);\n\t\t\t\t});\n\t\t\t})\n\n\t\t\t//$($('[data-required-if]')[0]).data('required-if').contains('complaint')\n\t\t\tself.element.find('[data-required-if]').each(function() {\n\t\t\t\tvar el = $(this);\n\t\t\t\tvar rules = el.data('required-if'); //{\"motive\":[\"complaint\",\"denouncment\"]}\n\t\t\t\tObject.keys(rules).forEach(function(elementName) {\n\t\t\t\t\tvar sourceElement = self.element.find('input[name=' + elementName + ']');\n\n\t\t\t\t\tfunction updateRequired() {\n\t\t\t\t\t\tvar values = [];\n\n\t\t\t\t\t\tif (Array.isArray(rules[elementName]))\n\t\t\t\t\t\t\tvalues = rules[elementName];\n\t\t\t\t\t\telse\n\t\t\t\t\t\t\tvalues.push(rules[elementName]);\n\n\t\t\t\t\t\tvar isRequired = values.includes(sourceElement.val());\n\n\t\t\t\t\t\tvar element = null;\n\t\t\t\t\t\tif (el.is('input,textarea,select'))\n\t\t\t\t\t\t\telement = el;\n\t\t\t\t\t\telse\n\t\t\t\t\t\t\telement = el.find('input,textarea,select');\n\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tif (element) {\n\t\t\t\t\t\t\t\tif (isRequired) {\n\t\t\t\t\t\t\t\t\telement.attr('required', true);\n\t\t\t\t\t\t\t\t\telement.rules('add', { required: true });\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t\t\telement.attr('required', false);\n\t\t\t\t\t\t\t\t\telement.rules('remove', 'required');\n\t\t\t\t\t\t\t\t\telement.valid();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcatch (e) {\n\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//el.attr('data-rule-required', isRequired).attr('aria-required', isRequired);\n\t\t\t\t\t\t//el.find('input').attr('data-rule-required', isRequired).attr('aria-required', isRequired);\n\t\t\t\t\t}\n\n\t\t\t\t\tupdateRequired();\n\t\t\t\t\tsourceElement.change(updateRequired);\n\t\t\t\t});\n\n\t\t\t});\n\t\t}\n\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.googlemap', {\n\n\t\toptions: {\n\t\t\tmarkerMyLocation: \"/assets/images/my-location.png\",\n\t\t\tmarkerNewSearch: \"/assets/images/new-search.png\",\n\t\t\tstyles: [\n\t\t\t\t{ \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [{ \"color\": \"#e9e9e9\" }, { \"lightness\": 17 }] }, {\n\t\t\t\t\t\"featureType\": \"landscape\",\n\t\t\t\t\t\"elementType\": \"geometry\",\n\t\t\t\t\t\"stylers\": [{ \"color\": \"#f5f5f5\" }, { \"lightness\": 20 }]\n\t\t\t\t}, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.fill\", \"stylers\": [{ \"color\": \"#ffffff\" }, { \"lightness\": 17 }] }, {\n\t\t\t\t\t\"featureType\": \"road.highway\",\n\t\t\t\t\t\"elementType\": \"geometry.stroke\",\n\t\t\t\t\t\"stylers\": [{ \"color\": \"#ffffff\" }, { \"lightness\": 29 }, { \"weight\": 0.2 }]\n\t\t\t\t}, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [{ \"color\": \"#ffffff\" }, { \"lightness\": 18 }] }, {\n\t\t\t\t\t\"featureType\": \"road.local\",\n\t\t\t\t\t\"elementType\": \"geometry\",\n\t\t\t\t\t\"stylers\": [{ \"color\": \"#ffffff\" }, { \"lightness\": 16 }]\n\t\t\t\t}, { \"featureType\": \"poi\", \"elementType\": \"geometry\", \"stylers\": [{ \"color\": \"#f5f5f5\" }, { \"lightness\": 21 }] }, {\n\t\t\t\t\t\"featureType\": \"poi.park\",\n\t\t\t\t\t\"elementType\": \"geometry\",\n\t\t\t\t\t\"stylers\": [{ \"color\": \"#dedede\" }, { \"lightness\": 21 }]\n\t\t\t\t}, { \"elementType\": \"labels.text.stroke\", \"stylers\": [{ \"visibility\": \"on\" }, { \"color\": \"#ffffff\" }, { \"lightness\": 16 }] }, {\n\t\t\t\t\t\"elementType\": \"labels.text.fill\",\n\t\t\t\t\t\"stylers\": [{ \"saturation\": 36 }, { \"color\": \"#333333\" }, { \"lightness\": 40 }]\n\t\t\t\t}, { \"elementType\": \"labels.icon\", \"stylers\": [{ \"visibility\": \"off\" }] }, {\n\t\t\t\t\t\"featureType\": \"transit\",\n\t\t\t\t\t\"elementType\": \"geometry\",\n\t\t\t\t\t\"stylers\": [{ \"color\": \"#f2f2f2\" }, { \"lightness\": 19 }]\n\t\t\t\t}, { \"featureType\": \"administrative\", \"elementType\": \"geometry.fill\", \"stylers\": [{ \"color\": \"#fefefe\" }, { \"lightness\": 20 }] }, {\n\t\t\t\t\t\"featureType\": \"administrative\",\n\t\t\t\t\t\"elementType\": \"geometry.stroke\",\n\t\t\t\t\t\"stylers\": [{ \"color\": \"#fefefe\" }, { \"lightness\": 17 }, { \"weight\": 1.2 }]\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\n\t\t_create: function() {\n\t\t\tthis.getMyLocation();\n\t\t},\n\t\tfocusMarkerById: function(id) {\n\t\t\tvar self = this;\n\t\t\tself.markers.forEach(function(marker) {\n\t\t\t\tif (id == marker.id) {\n\t\t\t\t\tgoogle.maps.event.trigger(marker, 'click');\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\tfitBounds: function() {\n\t\t\tvar self = this;\n\n\t\t\tvar bounds = new google.maps.LatLngBounds();\n\t\t\tfor (var i = 0; i < self.markers.length; i++) {\n\t\t\t\tbounds.extend(self.markers[i].getPosition());\n\t\t\t}\n\n\t\t\tself.map.fitBounds(bounds);\n\t\t},\n\t\tgetMyLocation: function() {\n\t\t\tvar self = this;\n\n\t\t\t//Default Position : Luanda\n\t\t\tself.myposition = {\n\t\t\t\tlat: -8.8535258,\n\t\t\t\tlng: 13.2140645\n\t\t\t};\n\n\t\t\tif (navigator.geolocation) {\n\t\t\t\tnavigator.geolocation.getCurrentPosition(function(position) {\n\t\t\t\t\t// console.log(position);\n\t\t\t\t\tself.myposition = {\n\t\t\t\t\t\tlat: position.coords.latitude,\n\t\t\t\t\t\tlng: position.coords.longitude\n\t\t\t\t\t};\n\t\t\t\t\tself.getAllAgencies();\n\t\t\t\t}, function(e) {\n\n\t\t\t\t\tself.getAllAgencies();\n\t\t\t\t\t// console.log('Browser has GeoLocation but something is missing...');\n\t\t\t\t});\n\t\t\t}\n\t\t\telse {\n\t\t\t\t// console.log('Something is missing...');\n\t\t\t}\n\n\t\t\t//if (BEC.context && BEC.context == \"ondeestamos\") {\n\t\t\tself.getAllAgencies();\n\t\t\tself.getAllLocations();\n\t\t\tself.getAllAgenciesTypes();\n\t\t\tself.mobileEvents();\n\t\t\tif (BEC.context && BEC.context == \"ondeestamos\")\n\t\t\t\tself.targetToCenterEvent();\n\n\t\t\t//};\n\t\t},\n\n\t\tgetAllAgencies: function(lat, lng) {\n\t\t\tvar self = this;\n\t\t\tvar endpoint = $(self.element).data('agencies');\n\t\t\t$.getJSON(endpoint, self.myposition, function(incoming) {\n\t\t\t\tself.options.allPoints = incoming;\n\t\t\t\tBEC.locations = incoming;\n\t\t\t\tself.locations = incoming;\n\t\t\t\tself.drawMap(self.options.allPoints);\n\t\t\t\tif (BEC.context && BEC.context == \"ondeestamos\") {\n\t\t\t\t\tself.addList(self.options.allPoints);\n\t\t\t\t\tself.searchInputEvents(self.options.allPoints);\n\t\t\t\t}\n\t\t\t\tvar myLatLon = new LatLon(self.myposition.lat, self.myposition.lng);\n\t\t\t\t$.each(self.locations, function(index, value) {\n\t\t\t\t\tvar locationLatLon = new LatLon(value.coords.lat, value.coords.lng);\n\t\t\t\t\tself.locations[index].distance = Math.round(myLatLon.distanceTo(locationLatLon));\n\t\t\t\t});\n\t\t\t\tself.locations = _.sortBy(self.locations, ['distance']);\n\t\t\t});\n\t\t},\n\n\t\tgetAllLocations: function() {\n\t\t\tvar self = this;\n\t\t\tvar endpoint = $(self.element).data('locations');\n\t\t\t$.getJSON(endpoint, function(incoming) {\n\t\t\t\tself.options.allLocations = incoming;\n\t\t\t\tif (self.options.allAgenciesTypes) {\n\t\t\t\t\tself.loadSelects();\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\n\t\tgetAllAgenciesTypes: function() {\n\t\t\tvar self = this;\n\t\t\tvar endpoint = $(self.element).data('agencies-tags');\n\t\t\t$.getJSON(endpoint, function(incoming) {\n\t\t\t\tself.options.allAgenciesTypes = incoming;\n\t\t\t\tif (self.options.allLocations) {\n\t\t\t\t\tself.loadSelects();\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\n\t\tdrawMap: function() {\n\t\t\tvar self = this;\n\n\t\t\tself.map = new google.maps.Map(document.getElementById('map__canvas'), {\n\t\t\t\tzoom: 13,\n\t\t\t\tcenter: self.myposition,\n\t\t\t\tstyles: this.options.styles,\n\t\t\t});\n\n\t\t\tself.iconMyLocation = {\n\t\t\t\turl: this.options.markerMyLocation,\n\t\t\t\tsize: new google.maps.Size(70, 70),\n\t\t\t\torigin: new google.maps.Point(0, 0),\n\t\t\t\tanchor: new google.maps.Point(35, 35)\n\t\t\t};\n\n\t\t\tself.iconNewSearch = {\n\t\t\t\turl: this.options.markerNewSearch,\n\t\t\t\tsize: new google.maps.Size(100, 100),\n\t\t\t\torigin: new google.maps.Point(0, 0),\n\t\t\t\tanchor: new google.maps.Point(50, 50)\n\t\t\t};\n\n\t\t\tself.iconMarkerAgency = {\n\t\t\t\turl: BEC.markerAgency,\n\t\t\t\tsize: new google.maps.Size(50, 70),\n\t\t\t\torigin: new google.maps.Point(0, 0),\n\t\t\t\tanchor: new google.maps.Point(30, 30)\n\t\t\t};\n\n\t\t\tself.markers = [];\n\t\t\tself.globalwindow = null;\n\t\t\tself.globalwindowMylocation = null;\n\n\t\t\tif (self.myposition) self.myLocationEvents();\n\n\t\t\tself.addMarkers();\n\t\t\tself.addClusters();\n\n\t\t\tself.map.addListener('click', function() {\n\t\t\t\tif (self.globalwindow) {\n\t\t\t\t\tself.globalwindow.close();\n\t\t\t\t}\n\t\t\t\tif (self.globalwindowMylocation) {\n\t\t\t\t\tself.globalwindowMylocation.close();\n\t\t\t\t}\n\n\t\t\t});\n\n\t\t\tgoogle.maps.event.addListener(self.map, 'click', function(args) {\n\t\t\t\tvar closestMarker = { marker: null, distance: null };\n\n\t\t\t\tself.markers.forEach(function(marker) {\n\t\t\t\t\tvar distance = google.maps.geometry.spherical.computeDistanceBetween(marker.position, args.latLng);\n\t\t\t\t\tif (!closestMarker.marker || closestMarker.distance > distance) {\n\t\t\t\t\t\tclosestMarker.distance = distance;\n\t\t\t\t\t\tclosestMarker.marker = marker;\n\t\t\t\t\t}\n\t\t\t\t});\n\n\n\t\t\t\tvar getClicableDistance = function(z) {\n\t\t\t\t\tvar mapClickableDistance = { 5: 132000, 8: 16000, 11: 2300, 14: 600, 19: 12 };\n\n\t\t\t\t\tvar maxKey = 5;\n\t\t\t\t\tfor (var k in mapClickableDistance) {\n\t\t\t\t\t\tk = parseInt(k);\n\t\t\t\t\t\tif (k <= z && maxKey <= k)\n\t\t\t\t\t\t\tmaxKey = k;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn mapClickableDistance[maxKey];\n\t\t\t\t}\n\n\t\t\t\tif (closestMarker.marker && closestMarker.distance < getClicableDistance(closestMarker.marker.map.zoom))\n\t\t\t\t\tgoogle.maps.event.trigger(closestMarker.marker, 'click');\n\t\t\t});\n\t\t},\n\n\t\tmyLocationEvents: function() {\n\t\t\tvar self = this;\n\n\t\t\t//customized infowindow mylocation\n\t\t\tvar contentMyLocation = '' + BEC.dictionary[\"you-are-here\"] + '
';\n\n\t\t\tvar infowindowMyLocation = new google.maps.InfoWindow({\n\t\t\t\tcontent: contentMyLocation,\n\t\t\t\tmaxWidth: 350\n\t\t\t});\n\n\t\t\tgoogle.maps.event.addListener(infowindowMyLocation, 'domready', function() {\n\n\t\t\t\tvar iwOuter = $('.gm-style-iw');\n\t\t\t\tvar iwOuterChild = iwOuter.children(':first');\n\t\t\t\tvar iwBackground = iwOuter.prev();\n\t\t\t\tvar iwScroll = $('.info-window-container');\n\n\n\t\t\t\tiwOuter.parent().parent().css({ left: '0px' });\n\t\t\t\tiwOuter.parent().addClass('parent_infowindow-mylocation');\n\t\t\t\tiwOuterChild.css('overflow', 'inherit');\n\t\t\t\tiwScroll.css({ 'overflow': 'auto', 'max-height': '250px' });\n\t\t\t\tiwBackground.children(':nth-child(2)').css({ 'display': 'none' });\n\t\t\t\tiwBackground.children(':nth-child(4)').css({ 'display': 'none' });\n\t\t\t\tiwBackground.css({ 'z-index': '4', 'position': 'relative', 'height': '100%' });\n\t\t\t\tiwBackground.children(':nth-child(1)').attr('style', function(i, s) {\n\t\t\t\t\treturn s + 'display: none !important;'\n\t\t\t\t});\n\n\t\t\t\tiwBackground.children(':nth-child(3)').addClass('tooltip-gm-mylocation');\n\t\t\t\tiwBackground.children(':nth-child(3)').find('div').children().css({ 'display': 'none' });\n\t\t\t\tvar iwCloseBtn = iwOuter.next();\n\t\t\t\tiwCloseBtn.css('display', 'none');\n\t\t\t});\n\n\t\t\t//marker my location events\n\n\t\t\tself.markerMyLocation = new google.maps.Marker({\n\t\t\t\tposition: self.myposition,\n\t\t\t\tmap: self.map,\n\t\t\t\ticon: self.iconMyLocation\n\t\t\t});\n\n\t\t\tgoogle.maps.event.addListener(self.markerMyLocation, 'click', function() {\n\t\t\t\tif (self.globalwindow) {\n\t\t\t\t\tself.globalwindow.close();\n\t\t\t\t}\n\n\t\t\t\tinfowindowMyLocation.open(self.map, self.markerMyLocation);\n\t\t\t\tself.map.setZoom(14);\n\n\t\t\t\tself.map.panTo(self.markerMyLocation.getPosition());\n\t\t\t\tself.globalwindowMylocation = infowindowMyLocation;\n\n\t\t\t});\n\n\t\t\t//open infowindow my location\n\t\t\tgoogle.maps.event.trigger(self.markerMyLocation, 'click');\n\n\t\t},\n\n\t\taddMarkers: function() {\n\t\t\tvar self = this;\n\n\t\t\t$.each(this.options.allPoints, function(i, el) {\n\n\t\t\t\t//markers infowindow content\n\n\t\t\t\tvar centroEmpresasTag = \"\";\n\t\t\t\tvar centroPrivateTag = \"\";\n\t\t\t\tvar balcaoTag = \"\";\n\t\t\t\tvar btnCta = \"\";\n\t\t\t\tvar _tags = \"\";\n\n\t\t\t\tfor (var j = 0; j < el.tags.length; j++) {\n\n\t\t\t\t\t_tags += \"\" + el.tagObjects[j].name + \"
\"\n\t\t\t\t}\n\n\t\t\t\tif (BEC.context && BEC.context == \"ondeestamos\") {\n\t\t\t\t\tbtnCta = ''\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tbtnCta = ''; //'Saiba mais
'\n\t\t\t\t}\n\n\t\t\t\tvar content = '' + _tags + '
' +\n\t\t\t\t\t'' +\n\t\t\t\t\t'
';\n\n\t\t\t\t//set infowindow \n\n\t\t\t\tvar infowindow = new google.maps.InfoWindow({\n\t\t\t\t\tcontent: content,\n\t\t\t\t\tmaxWidth: 350\n\n\t\t\t\t});\n\n\t\t\t\t// set / reset default styles infowindow\n\n\t\t\t\tgoogle.maps.event.addListener(infowindow, 'domready', function() {\n\n\t\t\t\t\tvar iwOuter = $('.gm-style-iw');\n\t\t\t\t\tvar iwOuterChild = iwOuter.children(':first');\n\t\t\t\t\tvar iwBackground = iwOuter.prev();\n\t\t\t\t\tvar iwScroll = $('.info-window-container');\n\n\t\t\t\t\tiwOuter.parent().parent().css({ left: '0px' });\n\t\t\t\t\tiwOuter.parent().addClass('parent_infowindow');\n\t\t\t\t\tiwOuterChild.css('overflow', 'inherit');\n\t\t\t\t\tiwScroll.css({ 'overflow': 'auto', 'max-height': '250px' });\n\t\t\t\t\tiwBackground.children(':nth-child(2)').css({ 'display': 'none' });\n\t\t\t\t\tiwBackground.children(':nth-child(4)').css({ 'display': 'none' });\n\t\t\t\t\tiwBackground.css({ 'z-index': '4', 'position': 'relative', 'height': '100%' });\n\t\t\t\t\tiwBackground.children(':nth-child(1)').attr('style', function(i, s) {\n\t\t\t\t\t\treturn s + 'display: none !important;'\n\t\t\t\t\t});\n\t\t\t\t\tiwBackground.children(':nth-child(3)').addClass('tooltip-gm');\n\t\t\t\t\t/* iwBackground.children(':nth-child(3)').attr('style', function(i, s) {\n\t\t\t\t\t return s + 'bottom:-46px; background-image: url(\"/assets/images/tooltip.png\"); width:25px; height:20px; margin-left:12px; top: initial;'\n\n\t\t\t\t\t });*/\n\t\t\t\t\tiwBackground.children(':nth-child(3)').find('div').children().css({ 'display': 'none' });\n\t\t\t\t\tvar iwCloseBtn = iwOuter.next();\n\t\t\t\t\tiwCloseBtn.addClass('map__icon-cross');\n\t\t\t\t\tiwCloseBtn.find('img').css('display', 'none');\n\t\t\t\t\t$('.info-window-container__tag-container').click(function() {\n\t\t\t\t\t\tinfowindow.close();\n\t\t\t\t\t});\n\t\t\t\t\tiwCloseBtn.click(function() {\n\t\t\t\t\t\tinfowindow.close();\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\t//set Markers\n\n\t\t\t\tvar marker = new google.maps.Marker({\n\t\t\t\t\tposition: self.options.allPoints[i].coords,\n\t\t\t\t\tmap: self.map,\n\t\t\t\t\ticon: self.iconMarkerAgency\n\t\t\t\t});\n\n\t\t\t\tmarker.setValues({ type: \"point\", id: el.id });\n\n\t\t\t\tgoogle.maps.event.addListener(marker, 'click', function() {\n\t\t\t\t\tif (self.globalwindow) {\n\t\t\t\t\t\tself.globalwindow.close();\n\t\t\t\t\t}\n\n\t\t\t\t\tif (self.globalwindowMylocation) {\n\t\t\t\t\t\tself.globalwindowMylocation.close();\n\t\t\t\t\t}\n\n\t\t\t\t\tinfowindow.close();\n\n\t\t\t\t\tinfowindow.open(self.map, marker);\n\t\t\t\t\tself.map.setZoom(14);\n\n\t\t\t\t\tself.map.panTo(marker.getPosition());\n\t\t\t\t\tself.globalwindow = infowindow;\n\n\t\t\t\t});\n\n\t\t\t\tself.markers.push(marker);\n\t\t\t});\n\t\t},\n\n\t\taddClusters: function() {\n\t\t\tvar self = this;\n\n\t\t\tself.mcOptions = {\n\t\t\t\tgridSize: 50,\n\t\t\t\tmaxZoom: 15,\n\t\t\t\tstyles: [{\n\t\t\t\t\tanchorText: [-8, 0],\n\t\t\t\t\twidth: 44,\n\t\t\t\t\theight: 62,\n\t\t\t\t\turl: '/assets/images/agency_cluster.png',\n\t\t\t\t\ttextColor: '#632d81',\n\t\t\t\t\ttextSize: 14\n\t\t\t\t}]\n\t\t\t};\n\n\t\t\tself.markerCluster = new MarkerClusterer(self.map, self.markers, self.mcOptions);\n\t\t\tself.markerCluster.setIgnoreHidden(true);\n\t\t},\n\n\t\taddList: function() {\n\t\t\tvar self = this;\n\t\t\tvar listContainer = $('.map-full__search__container');\n\t\t\tvar listContainerParent = $('.map__search');\n\t\t\tvar btnToggleList = $('.btn-lista');\n\n\n\t\t\tlistContainer.empty();\n\n\t\t\t$.each(this.options.allPoints, function(i, el) {\n\t\t\t\tvar listItem = \"\";\n\t\t\t\tvar _tags = \"\";\n\t\t\t\tvar btnCta = \"\";\n\n\t\t\t\tfor (var j = 0; j < el.tags.length; j++) {\n\t\t\t\t\tif (el.tagObjects)\n\t\t\t\t\t\t_tags += \"' + el.name + '
' +\n\t\t\t\t\t'Horário: ' + el.schedule + '
' +\n\t\t\t\t\t'' + el.address + '
' +\n\t\t\t\t\t'Tel.: ' + el.phone + '/ Móvel: ' + el.cellphone + '' +\n\t\t\t\t\t'Fax: ' + el.fax + '
' + btnCta +\n\t\t\t\t\t'\" + el.tagObjects[j].name + \"
\"\n\t\t\t\t\t// console.log(_tags)\n\t\t\t\t}\n\t\t\t\tif (BEC.context && BEC.context == \"ondeestamos\") {\n\t\t\t\t\tbtnCta = ''\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tbtnCta = ''; //'Saiba mais
'\n\t\t\t\t}\n\n\t\t\t\tlistItem = $(\"\" + _tags + \"
\" + el.name + \"
Horário: \" + el.schedule + \"
\" + el.address + \"
Tel.: \" + el.phone + \"/ Móvel: \" + el.cellphone + \"Fax: \" + el.fax + \"
\" + btnCta + \"\" + el.name + \"
\");\n\n\t\t\t\tselectItem.click(function() {\n\n\t\t\t\t\tself.locationsSelectTrigger.find('span').html(el.name);\n\t\t\t\t\tself.locationsSelectTrigger.find('span').data('id', el.id);\n\n\t\t\t\t\tif (window.innerWidth > 960) {\n\t\t\t\t\t\tself.filterLists(\"location=\" + el.id, \"&tag=\" + self.agenciesSelectTrigger.find('span').data('id'));\n\t\t\t\t\t\tif (i == self.options.allLocations.length - 1) {\n\t\t\t\t\t\t\tself.myScroll = new IScroll('.map-full__filters-container__menu__select.location', {\n\t\t\t\t\t\t\t\tmouseWheel: true,\n\t\t\t\t\t\t\t\tscrollbars: false\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tself.locationsSelectTrigger.removeClass('opened');\n\t\t\t\t\tlocationsSelectContainer.removeClass('opened');\n\t\t\t\t});\n\n\t\t\t\tlocationsSelectContainer.find('.form-datalist__options').append(selectItem);\n\t\t\t});\n\n\t\t\tself.locationsSelectTrigger.click(function() {\n\t\t\t\tself.locationsSelectTrigger.toggleClass('opened');\n\t\t\t\tlocationsSelectContainer.toggleClass('opened');\n\t\t\t\tagenciesSelectContainer.removeClass('opened');\n\t\t\t\tself.agenciesSelectTrigger.removeClass('opened');\n\n\t\t\t});\n\n\t\t\t//setup agencies Select\n\t\t\tvar agenciesSelectContainer = $('.map-full__filters-container__menu__select.agencies');\n\t\t\tself.agenciesSelectTrigger = $('.map-full__filters-container__menu__item.agencies');\n\n\t\t\tvar allAgenciesItem = $('.form-datalist-item.all-agencies');\n\t\t\tallAgenciesItem.click(function() {\n\t\t\t\tvar _this = $(this);\n\t\t\t\tself.agenciesSelectTrigger.find('span').html(self.agenciesSelectTrigger.find('span').data('name'));\n\t\t\t\tself.agenciesSelectTrigger.find('span').data('id', _this.data('id'));\n\n\t\t\t\tif (window.innerWidth > 960) {\n\t\t\t\t\tself.filterLists(\"location=\" + self.locationsSelectTrigger.find('span').data('id'), \"\");\n\t\t\t\t}\n\n\t\t\t\tself.agenciesSelectTrigger.removeClass('opened');\n\t\t\t\tagenciesSelectContainer.removeClass('opened');\n\t\t\t});\n\n\t\t\t$.each(this.options.allAgenciesTypes, function(i, el) {\n\n\t\t\t\tvar selectItem = $(\"\" + el.name + \"
\");\n\n\n\t\t\t\tselectItem.click(function() {\n\n\t\t\t\t\tself.agenciesSelectTrigger.find('span').html(el.name);\n\t\t\t\t\tself.agenciesSelectTrigger.find('span').data('id', el.id);\n\n\t\t\t\t\tif (window.innerWidth > 960) {\n\t\t\t\t\t\tself.filterLists(\"location=\" + self.locationsSelectTrigger.find('span').data('id'), \"&tag=\" + el.id);\n\t\t\t\t\t}\n\n\t\t\t\t\tself.agenciesSelectTrigger.removeClass('opened');\n\t\t\t\t\tagenciesSelectContainer.removeClass('opened');\n\t\t\t\t});\n\n\n\t\t\t\tagenciesSelectContainer.find('.form-datalist__options').append(selectItem);\n\t\t\t});\n\n\t\t\tself.agenciesSelectTrigger.click(function() {\n\t\t\t\tself.agenciesSelectTrigger.toggleClass('opened');\n\t\t\t\tagenciesSelectContainer.toggleClass('opened');\n\t\t\t\tlocationsSelectContainer.removeClass('opened');\n\t\t\t\tself.locationsSelectTrigger.removeClass('opened');\n\n\t\t\t});\n\t\t},\n\n\t\trefreshListScroll: function() {\n\t\t\tvar self = this;\n\t\t\tsetTimeout(function() {\n\t\t\t\tself.myScroll.refresh();\n\n\t\t\t}, 300);\n\t\t},\n\n\n\t\tfilterLists: function(filter, secondFilter) {\n\n\t\t\t// console.log(filter, secondFilter)\n\t\t\tvar self = this;\n\t\t\tvar listContainer = $('.map-full__search__container');\n\t\t\tvar allItems = listContainer.find('.map-full__search__container__item');\n\n\t\t\tallItems.removeClass('hide');\n\n\t\t\tvar filterCoordinates = '';\n\t\t\tif (self.myposition && self.myposition.lng && self.myposition.lat)\n\t\t\t\tfilterCoordinates = '&lat=' + self.myposition.lat + '&lng=' + self.myposition.lng;\n\t\t\tvar endpoint = $(self.element).data('agencies') + \"?\" + filter + secondFilter + filterCoordinates;\n\n\t\t\t$.getJSON(endpoint, function(incoming) {\n\t\t\t\tself.options.allPoints = incoming;\n\t\t\t\tBEC.locations = incoming;\n\t\t\t\tself.locations = incoming;\n\t\t\t\tself.drawMap(self.options.allPoints);\n\t\t\t\tif (BEC.context && BEC.context == \"ondeestamos\") {\n\t\t\t\t\tself.addList(self.options.allPoints);\n\t\t\t\t\tself.searchInputEvents(self.options.allPoints);\n\t\t\t\t}\n\t\t\t\tvar myLatLon = new LatLon(self.myposition.lat, self.myposition.lng);\n\t\t\t\t$.each(self.locations, function(index, value) {\n\t\t\t\t\tvar locationLatLon = new LatLon(value.coords.lat, value.coords.lng);\n\t\t\t\t\tself.locations[index].distance = Math.round(myLatLon.distanceTo(locationLatLon));\n\t\t\t\t});\n\t\t\t\tself.locations = _.sortBy(self.locations, ['distance']);\n\t\t\t});\n\n\t\t\tself.selectedFirstFilter = filter;\n\t\t\tself.selectedSecondFilter = secondFilter;\n\n\t\t\tself.refreshListScroll();\n\t\t},\n\n\t\ttargetToCenterEvent: function() {\n\t\t\tvar btnTarget = $('.target-icon');\n\t\t\tvar self = this;\n\t\t\tbtnTarget.click(function() {\n\t\t\t\tself.map.panTo(self.myposition);\n\t\t\t\tgoogle.maps.event.trigger(self.markerMyLocation, 'click');\n\t\t\t\tif (self.filtersMobileContainer) {\n\t\t\t\t\tself.filtersMobileContainer.removeClass('opened');\n\t\t\t\t}\n\t\t\t});\n\n\n\t\t},\n\n\t\tsearchInputEvents: function() {\n\t\t\tvar self = this;\n\t\t\tvar input = document.getElementById('search-map-input');\n\t\t\tvar inputMobile = document.getElementById('search-map-input_mobile');\n\t\t\tvar newMarker;\n\n\t\t\tvar autocomplete = new google.maps.places.Autocomplete(input, {\n\t\t\t\ttypes: ['geocode'],\n\t\t\t\tstrictBounds: true\n\t\t\t});\n\n\t\t\tvar autocompleteMobile = new google.maps.places.Autocomplete(inputMobile, {\n\t\t\t\ttypes: ['geocode'],\n\t\t\t\tstrictBounds: true\n\t\t\t});\n\n\t\t\tautocomplete.bindTo('bounds', self.map);\n\t\t\tautocompleteMobile.bindTo('bounds', self.map);\n\n\n\t\t\tautocomplete.addListener('place_changed', function() {\n\t\t\t\tif (newMarker) {\n\t\t\t\t\tnewMarker.setVisible(false);\n\t\t\t\t\tnewMarker.setMap(null);\n\t\t\t\t\tif (self.globalwindow) {\n\t\t\t\t\t\tself.globalwindow.close();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\tvar place = autocomplete.getPlace();\n\n\n\t\t\t\tif (!place.geometry) {\n\n\t\t\t\t\t// window.alert(\"No details available for input: '\" + place.name + \"'\");\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tvar newPosition = place.geometry.location;\n\n\t\t\t\tnewMarker = new google.maps.Marker({\n\t\t\t\t\tposition: newPosition,\n\t\t\t\t\tmap: self.map,\n\t\t\t\t\ticon: self.iconNewSearch\n\t\t\t\t});\n\n\t\t\t\tself.agenciesSelectTrigger.find('span').html(self.agenciesSelectTrigger.find('span').data('name'));\n\t\t\t\tself.agenciesSelectTrigger.find('span').data('id', \"\");\n\t\t\t\tself.locationsSelectTrigger.find('span').html(self.locationsSelectTrigger.find('span').data('name'));\n\t\t\t\tself.locationsSelectTrigger.find('span').data('id', \"\");\n\n\n\t\t\t\tself.filterLists(\"\", \"\");\n\n\n\t\t\t\tvar myLatLon = new LatLon(place.geometry.location.lat(), place.geometry.location.lng());\n\t\t\t\t$.each(self.locations, function(index, value) {\n\t\t\t\t\tvar locationLatLon = new LatLon(value.coords.lat, value.coords.lng);\n\t\t\t\t\tself.locations[index].distance = Math.round(myLatLon.distanceTo(locationLatLon));\n\t\t\t\t});\n\t\t\t\tvar closestLocation = _.sortBy(self.locations, ['distance']);\n\t\t\t\tself.options.allPoints = _.sortBy(self.locations, ['distance']);\n\n\t\t\t\tself.addList(self.options.allPoints);\n\n\n\t\t\t\tvar indexOfClosestLocation = closestLocation[0].id;\n\n\n\t\t\t\tgoogle.maps.event.trigger(self.markers[indexOfClosestLocation - 1], 'click');\n\n\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\tif (place.geometry.viewport) {\n\t\t\t\t\t\tself.map.fitBounds(place.geometry.viewport);\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tself.map.setCenter(place.geometry.location);\n\t\t\t\t\t\tself.map.setZoom(17);\n\t\t\t\t\t}\n\t\t\t\t}, 800)\n\n\n\t\t\t});\n\n\n\t\t\tautocompleteMobile.addListener('place_changed', function() {\n\n\t\t\t\tif (newMarker) {\n\t\t\t\t\tnewMarker.setVisible(false);\n\t\t\t\t\tnewMarker.setMap(null);\n\t\t\t\t};\n\n\t\t\t\tif (self.globalwindow) {\n\t\t\t\t\tself.globalwindow.close();\n\t\t\t\t}\n\n\t\t\t\tvar place = autocompleteMobile.getPlace();\n\t\t\t\tif (!place.geometry) {\n\n\t\t\t\t\twindow.alert(\"No details available for input: '\" + place.name + \"'\");\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (place.geometry.viewport) {\n\t\t\t\t\tself.map.fitBounds(place.geometry.viewport);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tself.map.setCenter(place.geometry.location);\n\t\t\t\t\tself.map.setZoom(17);\n\t\t\t\t}\n\n\t\t\t\tvar newPosition = place.geometry.location;\n\n\t\t\t\tnewMarker = new google.maps.Marker({\n\t\t\t\t\tposition: newPosition,\n\t\t\t\t\tmap: self.map,\n\t\t\t\t\ticon: self.iconNewSearch\n\t\t\t\t});\n\n\t\t\t\tif (self.filtersMobileContainer) {\n\t\t\t\t\tself.filtersMobileContainer.removeClass('opened');\n\t\t\t\t}\n\n\n\t\t\t\tif ($('.map__search').hasClass('opened')) {\n\n\t\t\t\t\t$('.map__search').removeClass('opened')\n\t\t\t\t\t$('.btn-lista').find('span').html('Ver em lista');\n\n\t\t\t\t\tself.refreshListScroll();\n\t\t\t\t}\n\n\n\t\t\t\tself.agenciesSelectTrigger.find('span').html(self.agenciesSelectTrigger.find('span').data('name'));\n\t\t\t\tself.agenciesSelectTrigger.find('span').data('id', \"\");\n\t\t\t\tself.locationsSelectTrigger.find('span').html(self.locationsSelectTrigger.find('span').data('name'));\n\t\t\t\tself.locationsSelectTrigger.find('span').data('id', \"\");\n\n\n\t\t\t\tself.filterLists(\"\", \"\");\n\n\n\t\t\t\tvar myLatLon = new LatLon(place.geometry.location.lat(), place.geometry.location.lng());\n\t\t\t\t$.each(self.locations, function(index, value) {\n\t\t\t\t\tvar locationLatLon = new LatLon(value.coords.lat, value.coords.lng);\n\t\t\t\t\tself.locations[index].distance = Math.round(myLatLon.distanceTo(locationLatLon));\n\t\t\t\t});\n\t\t\t\tvar closestLocation = _.sortBy(self.locations, ['distance']);\n\t\t\t\tself.options.allPoints = _.sortBy(self.locations, ['distance']);\n\n\t\t\t\tself.addList(self.options.allPoints);\n\n\t\t\t\tvar indexOfClosestLocation = closestLocation[0].id;\n\n\t\t\t\tgoogle.maps.event.trigger(self.markers[indexOfClosestLocation - 1], 'click');\n\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\tif (place.geometry.viewport) {\n\t\t\t\t\t\tself.map.fitBounds(place.geometry.viewport);\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tself.map.setCenter(place.geometry.location);\n\t\t\t\t\t\tself.map.setZoom(17);\n\t\t\t\t\t}\n\t\t\t\t}, 800)\n\t\t\t});\n\n\t\t},\n\n\t\tmobileEvents: function() {\n\n\t\t\tvar self = this;\n\t\t\t//list events\n\t\t\tvar btnToggleList = $('.btn-lista');\n\t\t\tvar listContainer = $('.map__search');\n\n\t\t\tbtnToggleList.click(function() {\n\t\t\t\tlistContainer.toggleClass('opened');\n\t\t\t\tif (listContainer.hasClass('opened')) {\n\t\t\t\t\tbtnToggleList.find('span').html('Ver no mapa');\n\n\t\t\t\t\tself.refreshListScroll();\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tbtnToggleList.find('span').html('Ver em lista');\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t//Filters events\n\t\t\tvar btnToggleFilters = $('.map-full__filters-container .map-full__filters-container__mobile-placeholder');\n\t\t\tself.filtersMobileContainer = $('.map-full__filters-container__mobile-modal');\n\t\t\tvar btnCancel = 'Cancelar
';\n\t\t\tvar btnApplyFilters = 'Aplicar Filtros
';\n\n\n\t\t\t$('.map-full__filters-container').clone().appendTo(self.filtersMobileContainer);\n\n\t\t\tvar btnToggleFiltersOpened = self.filtersMobileContainer.find('.map-full__filters-container__mobile-placeholder');\n\n\t\t\t$(\"#search-map-input\").attr('id', 'search-map-input_mobile');\n\n\t\t\tself.filtersMobileContainer.append(btnCancel);\n\t\t\tself.filtersMobileContainer.append(btnApplyFilters);\n\n\n\t\t\tbtnCancel = self.filtersMobileContainer.find('.btn-cancel');\n\t\t\tbtnApplyFilters = self.filtersMobileContainer.find('.btn-apply');\n\n\n\t\t\tbtnToggleFilters.click(function() {\n\t\t\t\tself.filtersMobileContainer.addClass('opened');\n\t\t\t});\n\n\t\t\tbtnToggleFiltersOpened.click(function() {\n\t\t\t\tself.filtersMobileContainer.removeClass('opened');\n\t\t\t});\n\n\n\t\t\tbtnCancel.click(function() {\n\t\t\t\tself.filtersMobileContainer.removeClass('opened');\n\n\t\t\t\tself.locationsSelectTrigger.find('span').html(self.selectedFirstFilter);\n\t\t\t\tself.agenciesSelectTrigger.find('span').html(self.selectedSecondFilter)\n\t\t\t});\n\n\t\t\tbtnApplyFilters.click(function() {\n\t\t\t\tself.filtersMobileContainer.removeClass('opened');\n\t\t\t\tself.filterLists(\"location=\" + self.locationsSelectTrigger.find('span').html(), \"&tag=\" + self.agenciesSelectTrigger.find('span').html());\n\t\t\t});\n\n\t\t}\n\n\n\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.menu', {\n\n\t\toptions: {\n\t\t\tmenuType: null,\n\t\t\tmobileMenuWidth: null,\n\t\t\tmobileMenuOffset: 50,\n\t\t\tcurrentDesktopLevel1: null,\n\t\t\tcurrentMobileLevel2: null,\n\t\t\tcurrentScroll: 0,\n\t\t\tanimateSpeed: 800,\n\t\t\tdefaultOption: null,\n\t\t\tmobileItemsLeftPosition: [],\n\t\t\tsearchTimeout: null,\n\t\t\tel: {}\n\t\t},\n\n\t\t_create: function() {\n\t\t\t$.fx.speeds._default = 300;\n\t\t\tvar self = this;\n\t\t\t/**/\n\t\t\tthis.options.el.body = $(\"body\");\n\t\t\tthis.options.el.menu = $(\".menu\");\n\t\t\tthis.options.el.menuDouble = $(\".menu__double\");\n\t\t\tthis.options.el.logo = $(\".menu__logo\");\n\t\t\tthis.options.el.level1 = $(\".menu__level1\");\n\t\t\tthis.options.el.level1Options = $(\".menu__level1__options\");\n\t\t\tthis.options.el.level2 = $(\".menu__level2\");\n\t\t\tthis.options.el.level2Holder = $(\".menu__level2__holder\");\n\t\t\tthis.options.el.level2Options = $(\".menu__level2__options\");\n\t\t\tthis.options.el.level3 = $(\".menu__level3\");\n\t\t\tthis.options.el.level3Holder = $(\".menu__level3__holder\");\n\t\t\tthis.options.el.level3Links = $(\".menu__level3__links\");\n\t\t\tthis.options.el.level3Options = $(\".menu__level3__options\");\n\t\t\tthis.options.el.mobileContainer = $(\".menu__mobile__container\");\n\t\t\tthis.options.el.magnifier = $(\".icon-magnifier\");\n\t\t\tthis.options.el.searchBar = $(\".menu__level2__searchbar\");\n\t\t\tthis.options.el.searchField = $(\"#search\");\n\t\t\tthis.options.el.searchLabel = $(\".menu__level3__search-label\");\n\t\t\tthis.options.el.burguer = $(\".icon-burguer\");\n\t\t\tthis.options.defaultOption = $(\".menu__level1__options\").data('default-position');\n\t\t\tthis.options.el.btnDropdown = $('.menu__form__toggle-list');\n\t\t\tthis.options.el.dropdownList = $('.js-menu-list');\n\t\t\tthis.options.el.formNet = $('.menu__form__container');\n\t\t\t/**/\n\t\t\tthis._setMenuType();\n\t\t\tthis._checkScroll();\n\t\t\tthis._commonEvents();\n\t\t\tthis._toggleList();\n\t\t\tthis._formNet();\n\t\t\t$(window).resize(function() {\n\t\t\t\tself._setMenuType();\n\t\t\t});\n\t\t\t$(window).scroll(function() {\n\t\t\t\tself._checkScroll();\n\t\t\t\tif (self.options.el.body.hasClass('goingDown')) {\n\t\t\t\t\tself.options.el.dropdownList.hide()\n\t\t\t\t\tself.options.el.btnDropdown.removeClass('open')\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis._mobileEventsInit();\n\t\t\t//console.log('create');\n\t\t},\n\n\t\t_commonEvents: function() {\n\t\t\tvar self = this;\n\t\t\tthis.options.el.magnifier.click(function() {\n\t\t\t\tif ($(this).hasClass(\"cross\")) {\n\t\t\t\t\t$('body').removeClass('searchOpened');\n\t\t\t\t\tself._closeSearchBar(self.options.menuType);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tself._openSearchBar(self.options.menuType);\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\n\t\t_desktopEvents: function() {\n\t\t\t//console.log(\"_desktopEvents\");\n\t\t\tvar self = this;\n\t\t\t/**/\n\t\t\tthis.options.el.level1Options.on(\"click\", \"span\", function(e) {\n\t\t\t\tvar position = $(e.currentTarget).index() + 1;\n\t\t\t\tself._setDesktopMenuLevel1(position, true);\n\n\t\t\t\tvar href = $(e.currentTarget).data(\"href\");\n\t\t\t\tif (href && href != window.location.pathname)\n\t\t\t\t\twindow.location.href = href;\n\t\t\t});\n\t\t\t/**/\n\t\t\tthis.options.el.level2Holder.find(\"li a\").hoverIntent(function(e) {\n\t\t\t\tvar me = $(e.currentTarget);\n\t\t\t\tvar myLevel1 = me.closest(\".menu__level2__options\").index();\n\t\t\t\tvar myLevel2 = me.closest(\"li\").index();\n\t\t\t\tself._showDesktopMenuLevel2(myLevel1 + 1, myLevel2 + 1);\n\t\t\t}, function() {}, {\n\t\t\t\tinterval: 300\n\t\t\t});\n\t\t\t/**/\n\t\t\tthis.options.el.level2Holder.hoverIntent(function() {}, function() {\n\t\t\t\tself._handleMenuMouseLeave(\"level2holder\");\n\t\t\t});\n\t\t\t/**/\n\t\t\tthis.options.el.level3.hover(function() {\n\t\t\t\t$(this).addClass(\"hovered\");\n\t\t\t}, function() {\n\t\t\t\t$(this).removeClass(\"hovered\");\n\t\t\t});\n\t\t\t/**/\n\t\t\tthis.options.el.menu.hoverIntent(function() {}, function() {\n\t\t\t\tself._handleMenuMouseLeave(\"menu\");\n\t\t\t});\n\t\t\t/**/\n\t\t\tthis.options.el.searchField.on(\"keyup\", function() {\n\t\t\t\tclearTimeout(self.options.searchTimeout);\n\t\t\t\tself.options.searchTimeout = setTimeout(self._doSearch.bind(self), 600);\n\t\t\t})\n\t\t},\n\n\t\t_closeMenuDouble: function() {\n\t\t\t$(\".menu__double\").removeClass(\"card-opened net-opened\");\n\t\t\t$(\".menu__double__body\").fadeOut();\n\t\t},\n\n\t\t_mobileEvents: function() {\n\t\t\t//console.log(\"_mobileEvents\");\n\t\t\tvar self = this;\n\n\t\t\tthis.options.el.searchField.on(\"keyup\", function() {\n\t\t\t\t$('body').addClass('searchOpened');\n\t\t\t\tclearTimeout(self.options.searchTimeout);\n\t\t\t\tself.options.searchTimeout = setTimeout(self._doSearch.bind(self), 600);\n\t\t\t});\n\n\t\t\t$(\".menu__double__card\").click(function() {\n\t\t\t\tif ($(\".menu__double\").hasClass(\"card-opened\")) {\n\t\t\t\t\tself._closeMenuDouble();\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\t$(\".menu__double\").removeClass(\"net-opened\").addClass(\"card-opened\");\n\t\t\t\t\t$(\".menu__double__body-net\").hide();\n\t\t\t\t\t$(\".menu__double__body-card\").show();\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t$(\".menu__double__net\").click(function() {\n\t\t\t\tif ($(\".menu__double\").hasClass(\"net-opened\")) {\n\t\t\t\t\tself._closeMenuDouble();\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\t$(\".menu__double\").removeClass(\"card-opened\").addClass(\"net-opened\");\n\t\t\t\t\t$(\".menu__double__body-card\").hide();\n\t\t\t\t\t$(\".menu__double__body-net\").show();\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.options.el.burguer.click(function() {\n\t\t\t\tself._openMobileMenu();\n\t\t\t});\n\n\t\t\t$(\".close-mobile-menu\").click(function() {\n\t\t\t\tself._closeMobileMenu();\n\t\t\t});\n\t\t\t/**/\n\n\t\t\tthis.options.el.level1Options.on(\"click\", \"span\", function(e) {\n\t\t\t\tvar level1 = $(e.currentTarget).index() + 1;\n\t\t\t\tself._openMobileMenuLevel1(level1);\n\t\t\t\t//console.log('level1Options:click');\n\t\t\t});\n\t\t\t/**/\n\t\t\tthis.options.el.level1Options.draggable({\n\t\t\t\taxis: \"x\",\n\t\t\t\tstart: function(event, ui) {\n\t\t\t\t\tself.options.el.level1Options.stop();\n\t\t\t\t\tself.options.mobileItemsLeftPosition = [];\n\t\t\t\t\t$(\".menu__level1__options.ui-draggable\").find(\"> span\").each(function() {\n\t\t\t\t\t\tvar left = parseInt($(this).position().left);\n\t\t\t\t\t\tself.options.mobileItemsLeftPosition.push(left);\n\t\t\t\t\t});\n\t\t\t\t\tself.options.mobileMenuWidth = self.options.el.level1Options.width();\n\t\t\t\t},\n\t\t\t\tdrag: function(event, ui) {\n\t\t\t\t\t//console.log(ui.position);\n\t\t\t\t\tvar rightLimit = -self.options.mobileMenuWidth + 100;\n\t\t\t\t\tif (ui.position.left < rightLimit) {\n\t\t\t\t\t\tui.position.left = rightLimit\n\t\t\t\t\t}\n\t\t\t\t\tif (ui.position.left > self.options.mobileMenuOffset) {\n\t\t\t\t\t\tui.position.left = self.options.mobileMenuOffset\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tstop: function(event, ui) {\n\t\t\t\t\tvar realMenuLeft = Math.abs(ui.position.left - 50);\n\t\t\t\t\tvar droppedIndex = self.options.mobileItemsLeftPosition.findIndex(function(value) {\n\t\t\t\t\t\treturn (value + 30) >= realMenuLeft;\n\t\t\t\t\t});\n\t\t\t\t\tself._openMobileMenuLevel1(droppedIndex + 1);\n\t\t\t\t\t// \tif (ui.position.left > self.options.mobileMenuOffset) {\n\t\t\t\t\t// \t\t$(\".menu__level1__options\").animate({\n\t\t\t\t\t// \t\t\tleft: self.options.mobileMenuOffset\n\t\t\t\t\t// \t\t}, self.options.animateSpeed)\n\t\t\t\t\t// \t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t},\n\n\t\t_mobileEventsInit: function() {\n\t\t\tvar self = this;\n\t\t\t/**/\n\t\t\tthis.options.el.mobileContainer.on(\"click\", \".inline-list.level2 > li > a\", function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\t//console.log('mobileContainer:click');\n\t\t\t\tvar level1 = self.options.el.level1Options.find(\"span.active\").index() + 1;\n\t\t\t\tvar level2 = $(e.currentTarget).closest(\"li\").index() + 1;\n\n\t\t\t\tif ($(e.currentTarget).parent().hasClass('active')) {\n\t\t\t\t\tself.options.el.mobileContainer.find(\".active\").removeClass(\"active\");\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tself.options.el.mobileContainer.find(\".active\").removeClass(\"active\");\n\t\t\t\t\t$(e.currentTarget).closest(\"li\").addClass('active').index() + 1;\n\t\t\t\t}\n\n\t\t\t\tvar whereTo = $(e.currentTarget).closest(\"li\");\n\n\t\t\t\tself._openMobileMenuLevel2(level1, level2, whereTo);\n\n\t\t\t\tif (!$(e.currentTarget).hasClass('hasSubOptions')) {\n\t\t\t\t\tvar href = $(e.currentTarget).attr('href');\n\t\t\t\t\tif (href)\n\t\t\t\t\t\twindow.location.href = href;\n\t\t\t\t}\n\t\t\t\telse if ($(this).attr('href') && self.options && $(this).attr('href') != 'javascript:void(0)') {\n\t\t\t\t\tself.options.targetHref = $(this).attr('href');\n\t\t\t\t\t//console.log(\"options.targetHref = \" + self.options.targetHref);\n\t\t\t\t}\n\t\t\t});\n\n\t\t},\n\n\t\t_setMenuType: function() {\n\t\t\t//console.log(\"_setMenuType\", window.innerWidth);\n\t\t\tvar self = this;\n\t\t\tif (window.innerWidth < 960) {\n\t\t\t\tif (this.options.menuType !== \"mobile\") {\n\t\t\t\t\t$(\"body\").removeClass(\"menuDesktop desktopScrolling \").addClass(\"menuMobile\");\n\t\t\t\t\tthis.options.menuType = \"mobile\";\n\t\t\t\t\tthis._clearAllEvents();\n\t\t\t\t\tthis._mobileEvents();\n\t\t\t\t\tthis._checkScroll();\n\t\t\t\t}\n\t\t\t}\n\t\t\telse {\n\t\t\t\tvar active = this.options.el.level1Options.find(\"span.active\");\n\t\t\t\tif (active.length === 0) {\n\t\t\t\t\t// setTimeout(function () {\n\t\t\t\t\t// \tself.options.el.level1Options.find(\"span\").eq(self.options.defaultOption - 1).trigger(\"click\");\n\t\t\t\t\t// }, 300);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\t//active.trigger(\"click\");\n\t\t\t\t\tthis._setDesktopMenuLevel1(self.options.defaultOption);\n\t\t\t\t}\n\t\t\t\tif (this.options.menuType !== \"desktop\") {\n\t\t\t\t\t$(\"body\").removeClass(\"menuMobile mobileScrolling\").addClass(\"menuDesktop\");\n\t\t\t\t\tthis.options.menuType = \"desktop\";\n\t\t\t\t\tthis._clearAllEvents();\n\t\t\t\t\tthis._desktopEvents();\n\t\t\t\t\tthis._checkScroll();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\t_checkScroll: function() {\n\t\t\tvar scrollPage = $(window).scrollTop();\n\t\t\tif (this.options.currentScroll > scrollPage) {\n\t\t\t\t$(\"body\").removeClass(\"goingDown\").addClass(\"goingUp\");\n\t\t\t}\n\t\t\telse {\n\t\t\t\t$(\"body\").removeClass(\"goingUp\").addClass(\"goingDown\");\n\t\t\t}\n\t\t\tif (scrollPage > 50) {\n\t\t\t\tif (this.options.el.body.hasClass(\"menuDesktop\")) {\n\t\t\t\t\tthis.options.el.body.addClass(\"desktopScrolling\");\n\t\t\t\t}\n\t\t\t\telse if ($(\"body\").hasClass(\"menuMobile\")) {\n\t\t\t\t\t//this.options.el.body.addClass(\"mobileScrolling\");\n\t\t\t\t\t//this._closeMenuDouble();\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\tthis.options.currentScroll = scrollPage;\n\t\t\t}\n\t\t\telse {\n\t\t\t\t$(\"body\").removeClass(\"mobileScrolling desktopScrolling\");\n\t\t\t}\n\t\t},\n\n\t\t_setDesktopMenuLevel1: function(position, isFromClick) {\n\t\t\t//console.log(\"_setDesktopMenuLevel1\", position);\n\t\t\tthis.options.el.level1Options.find(\"span\").removeClass(\"active\").eq(position - 1).addClass(\"active\");\n\t\t\tvar markerLeft = this.options.el.level1Options.find(\"span.active\").position().left;\n\t\t\tvar markerWidth = this.options.el.level1Options.find(\"span.active\").outerWidth();\n\t\t\tthis.options.el.level3.fadeOut();\n\t\t\tvar animationTime = isFromClick ? .4 : 0;\n\t\t\tTweenMax.to(\".marker\", animationTime, {\n\t\t\t\tleft: markerLeft,\n\t\t\t\twidth: markerWidth,\n\t\t\t\tease: Power1.easeInOut\n\t\t\t});\n\t\t\tif (position !== this.currentDesktopLevel1) {\n\t\t\t\tthis.currentDesktopLevel1 = position;\n\t\t\t\tthis.options.el.level2Holder.find(\".menu__level2__options\").hide(0).eq(position - 1).fadeIn(300);\n\t\t\t}\n\t\t\tthis._closeSearchBar(this.options.menuType);\n\t\t},\n\n\t\t_openMobileMenuLevel1: function(position) {\n\t\t\t// var currentLevel1 = this.options.el.level1Options.find(\"span.active\").index() + 1;\n\t\t\t// if (position !== currentLevel1 || this.options.el.mobileContainer.text() === '') {\n\t\t\t//console.log(\"_openMobileMenuLevel1\", position);\n\t\t\tthis.options.el.level1Options.find(\"span\").removeClass(\"active\").eq(position - 1).addClass(\"active\");\n\t\t\tvar activeLeftPosition = this.options.el.level1Options.find(\"span.active\").position().left;\n\t\t\tvar nextOptions = $(\".menu__level2__holder\").find(\".menu__level2__options\").eq(position - 1).find(\"ul.inline-list\").clone().addClass(\"level2\");\n\t\t\tthis.options.el.mobileContainer.empty().append(nextOptions);\n\t\t\t$(\".menu__level1__options\").stop().animate({\n\t\t\t\tleft: -activeLeftPosition + this.options.mobileMenuOffset\n\t\t\t}, this.options.animateSpeed, \"easeOutQuad\");\n\n\t\t\tthis.options.targetHref = this.options.el.level1Options.find(\"span.active\").data('href');\n\t\t\t//console.log(\"options.targetHref = \" + this.options.targetHref);\n\t\t},\n\n\t\t_showDesktopMenuLevel2: function(level1, level2) {\n\t\t\t//console.log('_showDesktopMenuLevel2', level1, level2);\n\t\t\tthis.options.el.level3Options.hide(0);\n\t\t\tvar level2Items = this.options.el.level3Options.filter(\"[data-level1='\" + level1 + \"'][data-level2='\" + level2 + \"']\");\n\t\t\tthis.options.el.level2.addClass(\"filled\");\n\t\t\tif (level2Items.length === 0) {\n\t\t\t\tthis.options.el.level3.fadeOut();\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.options.el.level3.fadeIn();\n\t\t\t\tlevel2Items.fadeIn();\n\t\t\t}\n\t\t\tthis.options.el.level2Options.find(\"li:not([data-current-page=true])\").removeClass(\"active\");\n\t\t\tthis.options.el.level2Options.eq(level1 - 1).find(\"li\").eq(level2 - 1).addClass(\"active\");\n\t\t\t//get selected level3 options\n\t\t\tvar level3Options = this.options.el.level3Holder.find('[data-level1=' + level1 + '][data-level2=' + level2 + ']');\n\t\t\t//get length familyLinks and its span\n\t\t\tvar familyLinks = level3Options.find('.menu__level3__links__family').length;\n\t\t\tvar familyLinksSpan = level3Options.find('.menu__level3__links__family > span').length;\n\t\t\tvar familyLinksSpanSiblings = level3Options.find('.menu__level3__links__family .menu__level3__links__title').siblings().length;\n\t\t\t//get heigth of family links + some height\n\t\t\tvar countFamilyLinks = familyLinks * 60;\n\t\t\t//get heigth of options\n\t\t\tvar countAllOptions = familyLinksSpan * 30;\n\t\t\t//calculate size to level 3 menu\n\t\t\tvar size = (countFamilyLinks + countAllOptions) / 2;\n\t\t\tif (level3Options.find('.menu__level3__image').length > 0) //add 200px if level3menu has image\n\t\t\t\tsize += 200;\n\t\t\tif (familyLinksSpanSiblings > 7 && level3Options.find('.menu__level3__image').length == 0)\n\t\t\t\tsize += 200;\n\t\t\t//console.log(familyLinksSpanSiblings);\t\n\t\t\t// $('.menu__level3__links__family').each(function(){\n\t\t\t// var familyLinksSpanSiblings = $(this).find('span:not(.menu__level3__links__title)').length;\n\t\t\t// if (familyLinksSpanSiblings>8){\n\t\t\t// size += 100;\n\t\t\t// console.log(familyLinksSpanSiblings);\t\n\t\t\t// }\n\t\t\t// });\t\t\t\n\n\t\t\t//set max-height\n\t\t\tthis.options.el.level3Links.css(\"max-height\", size);\n\t\t},\n\n\t\t_openMobileMenuLevel2: function(level1, level2, whereTo) {\n\n\t\t\tvar newMobileLevel = \"'\" + level1 + level2 + \"'\";\n\n\t\t\tthis.options.el.mobileContainer.find(\".menu__level3__links\").remove();\n\n\t\t\tif (this.options.currentMobileLevel2 != newMobileLevel) {\n\t\t\t\tvar level2Links = this.options.el.level3Options.filter(\"[data-level1='\" + level1 + \"'][data-level2='\" + level2 + \"']\").find(\".menu__level3__links\").clone();\n\t\t\t\tlevel2Links.appendTo(whereTo);\n\t\t\t\tthis.options.currentMobileLevel2 = newMobileLevel;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.options.currentMobileLevel2 = null;\n\t\t\t}\n\t\t},\n\n\t\t_closeDesktopMenu: function() {\n\t\t\tthis.options.el.level2Options.find(\"li:not([data-current-page=true])\").removeClass(\"active\");\n\t\t\tthis.options.el.level3.fadeOut();\n\t\t\tthis.options.el.level2.removeClass(\"filled\");\n\t\t},\n\n\t\t_openMobileMenu: function() {\n\t\t\tthis.options.currentScroll = $(document).scrollTop();\n\t\t\twindow.scrollTo(0, 0);\n\t\t\t$(\"body\").addClass(\"menuMobileOpened\");\n\t\t\tif (this.options.el.level1Options.find(\"span.active\").length === 0 || this.options.el.mobileContainer.text() === '') {\n\t\t\t\tthis.options.el.level1Options.find(\"span\").eq(this.options.defaultOption - 1).trigger(\"click\");\n\t\t\t}\n\t\t\telse {\n\t\t\t\tvar activeLeftPosition = this.options.el.level1Options.find(\"span.active\").position().left;\n\t\t\t\tthis.options.el.level1Options.animate({\n\t\t\t\t\tleft: -activeLeftPosition + this.options.mobileMenuOffset\n\t\t\t\t}, this.options.animateSpeed);\n\t\t\t}\n\t\t\t$.publish(\"OPEN_MOBILE_MENU\");\n\t\t},\n\n\t\t_closeMobileMenu: function() {\n\t\t\tthis.options.el.level1Options.css({\n\t\t\t\t\"left\": \"auto\"\n\t\t\t});\n\t\t\t$(\"body\").removeClass(\"menuMobileOpened\");\n\t\t\twindow.scrollTo(0, this.options.currentScroll);\n\t\t\t$.publish(\"CLOSE_MOBILE_MENU\");\n\t\t\t//console.log('_closeMobileMenu');\n\n\t\t\tif (this.options.targetHref && window.location.pathname != this.options.targetHref)\n\t\t\t\twindow.location.href = this.options.targetHref;\n\t\t},\n\n\t\t_clearAllEvents: function() {\n\n\t\t\tthis.options.el.level1Options.unbind(\"click\");\n\t\t\tthis.options.el.level2Holder.find(\"li a\").unbind(\"mouseenter mouseleave\");\n\t\t\tthis.options.el.level2Holder.unbind(\"mouseenter mouseleave\");\n\t\t\tthis.options.el.level3.unbind(\"mouseenter mouseleave\");\n\t\t\tthis.options.el.menu.unbind(\"mouseenter mouseleave\");\n\t\t\tthis.options.currentMobileLevel2 = null;\n\t\t\t$(\".menu__double__card\").unbind(\"click\");\n\t\t\t$(\".menu__double__net\").unbind(\"click\");\n\t\t\tthis.options.el.burguer.unbind(\"click\");\n\t\t\t$(\".close-mobile-menu\").unbind(\"click\");\n\t\t\tif (this.options.el.level1Options.draggable(\"instance\")) {\n\t\t\t\tthis.options.el.level1Options.draggable(\"destroy\");\n\t\t\t}\n\t\t\t//resize in case the search was open\n\t\t\tif (this.options.el.magnifier.hasClass(\"cross\")) {\n\t\t\t\tthis._openSearchBar(this.options.menuType);\n\t\t\t}\n\t\t},\n\n\t\t_openSearchBar: function(type) {\n\t\t\t//console.log(\"_openSearchBar\", type);\n\t\t\tthis.options.el.magnifier.addClass(\"cross\");\n\t\t\tthis.options.el.searchBar.show();\n\t\t\tif (type === \"desktop\") {\n\t\t\t\tthis._closeDesktopMenu();\n\t\t\t\tthis.options.el.logo.show();\n\t\t\t\tthis.options.el.level2Holder.hide();\n\t\t\t\tif (!this.options.el.body.hasClass(\"desktopScrolling\")) {\n\t\t\t\t\tthis.options.el.level2.addClass(\"filled\");\n\t\t\t\t}\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.options.el.logo.hide();\n\t\t\t\tthis.options.el.burguer.hide();\n\t\t\t}\n\t\t\tthis.options.el.searchField.val('').focus();\n\t\t\t$.publish(\"OPEN_SEARCH\");\n\t\t},\n\n\t\t_closeSearchBar: function(type) {\n\t\t\t//console.log(\"_closeSearchBar\", type);\n\t\t\tthis.options.el.magnifier.removeClass(\"cross\");\n\t\t\tthis.options.el.searchBar.hide();\n\t\t\tthis.options.el.level3.hide().removeClass(\"results\");\n\t\t\tif (type === \"desktop\") {\n\t\t\t\tthis.options.el.level2Holder.show();\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.options.el.logo.show();\n\t\t\t\tthis.options.el.burguer.show();\n\t\t\t}\n\t\t\t$.publish(\"CLOSE_SEARCH\");\n\t\t},\n\n\t\t_handleMenuMouseLeave: function(trigger) {\n\t\t\t//console.log(\"_handleMenuMouseLeave\", trigger);\n\t\t\tif (this.options.el.level3.hasClass(\"hovered\")) {\n\t\t\t\t//moved out but level 3 is visible\n\t\t\t}\n\t\t\telse if (this.options.el.magnifier.hasClass(\"cross\")) {\n\t\t\t\t//the search bar is open\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis._closeDesktopMenu();\n\t\t\t}\n\t\t},\n\n\t\t_doSearch: function() {\n\t\t\tvar self = this;\n\t\t\tvar query = this.options.el.searchField.val();\n\t\t\t//console.log(\"#### _doSearch : \", this.options.el.searchField.val());\n\t\t\tthis.options.el.level2Holder.hide();\n\t\t\tif (query === \"\") {\n\t\t\t\tthis.options.el.level3.fadeOut().removeClass(\"results\");\n\t\t\t}\n\t\t\telse {\n\t\t\t\t$.ajax({\n\t\t\t\t\ttype: \"GET\",\n\t\t\t\t\turl: this.element.data(\"endpoint\"),\n\t\t\t\t\tdata: 'q=' + query\n\t\t\t\t}).done(function(data, textStatus, jqXHR) {\n\t\t\t\t\tself._populateSearch(query, data);\n\t\t\t\t}).fail(function(data, textStatus, jqXHR) {\n\t\t\t\t\tself._populateSearch(query);\n\t\t\t\t\t//console.log(\"Fail:\", textStatus, jqXHR);\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\n\t\t_populateSearch: function(query, data) {\n\t\t\tthis.options.el.level3.addClass(\"results\").fadeIn();\n\t\t\tthis.options.el.searchLabel.find(\"strong\").text(query);\n\t\t\t$(\".menu__level3__search-results\").empty();\n\t\t\t$(data).each(function(index, obj) {\n\t\t\t\t//var sentence = obj.string.replace(query, \"\" + query + \"\");\n\t\t\t\t$(\".menu__level3__search-results\").append(\"\")\n\t\t\t});\n\t\t},\n\n\t\tdump: function() {\n\t\t\t//console.log(this.options);\n\t\t},\n\n\t\t_toggleList: function() {\n\t\t\tvar self = this;\n\t\t\tthis.options.el.btnDropdown.on('click', function() {\n\t\t\t\t$(this).toggleClass('open')\n\t\t\t\tself.options.el.dropdownList.slideToggle()\n\t\t\t})\n\t\t},\n\n\t\t_formNet: function() {\n\t\t\tvar self = this;\n\t\t\t//change forms display accordind to select value\n\t\t\tthis.options.el.formNet.find('.menu__form__select select').each(function() {\n\t\t\t\t$(this).on('change', function() {\n\t\t\t\t\tvar select = $(this)\n\t\t\t\t\tvar form = $(this).closest('form')\n\t\t\t\t\tif (select.val() === form.attr('id')) {\n\t\t\t\t\t\tform.addClass('active')\n\t\t\t\t\t\tform.siblings().removeClass('active')\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tform.removeClass('active')\n\t\t\t\t\t\tform.siblings().addClass('active')\n\t\t\t\t\t\tform.siblings().find('input').val('')\n\t\t\t\t\t\tform.siblings().find('select').val(select.val())\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\t\t\tthis.options.el.formNet.on('focus', 'input, select', function() {\n\t\t\t\tself.options.el.formNet.addClass('focused')\n\t\t\t})\n\t\t\tthis.options.el.formNet.on('focus', 'input, select', function() {\n\t\t\t\tself.options.el.formNet.addClass('focused')\n\t\t\t})\n\t\t\tthis.options.el.formNet.on('blur', 'input, select', function() {\n\t\t\t\tself.options.el.formNet.removeClass('focused')\n\t\t\t})\n\t\t}\n\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.modal', {\n\t\t_create: function() {\n\t\t\tthis.modalOptions = {\n\t\t\t\titems: {},\n\t\t\t\tcloseBtnInside: true,\n\t\t\t\ttype: 'inline',\n\t\t\t\tremovalDelay: 500,\n\t\t\t\tmainClass: 'mfp-zoom-in'\n\t\t\t};\n\t\t\tthis.options = {\n\t\t\t\tautoOpen: {\n\t\t\t\t\tid: null,\n\t\t\t\t\texpires: 365,\n\t\t\t\t\tmaxViewsPerUser: 1\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tvar self = this;\n\t\t\tif (this.element.data('auto-id')) {\n\t\t\t\tthis.options.autoOpen.id = this.element.data('auto-id');\n\t\t\t\tthis.modalOptions.items.src = this.element;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.modalOptions.items.src = this.element.attr(\"href\");\n\t\t\t}\n\n\t\t\tif (this.element.data('auto-expires')) {\n\t\t\t\tthis.options.autoOpen.expires = this.element.data('auto-expires');\n\t\t\t}\n\t\t\tif (this.element.data('auto-max-views')) {\n\t\t\t\tthis.options.autoOpen.maxViewsPerUser = this.element.data('auto-max-views');\n\t\t\t}\n\n\t\t\tif ($(this.element).data(\"modal\")) {\n\t\t\t\tthis.modalOptions.closeOnBgClick = false;\n\t\t\t}\n\n\t\t\tif ($(this.element).data('video')) {\n\t\t\t\tthis.modalOptions.mainClass = 'mfp-video mfp-zoom-in';\n\t\t\t\tthis.modalOptions.closeBtnInside = false;\n\n\t\t\t}\n\n\t\t\tif ($(this.element).data(\"modalAnimation\")) {\n\t\t\t\tthis.modalOptions.mainClass = $(this.element).data(\"modalAnimation\");\n\t\t\t}\n\n\t\t\t//only defines open event if it is not an autoopen modal\n\t\t\tif (!this.options.autoOpen.id) {\n\t\t\t\tthis._on({\n\t\t\t\t\t'click': function(e) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t$.magnificPopup.open(self.modalOptions);\n\t\t\t\t\t\tvar container = $.magnificPopup.instance;\n\t\t\t\t\t\tif (container.content.attr('id') === 'modal-video') {\n\t\t\t\t\t\t\tvar video = $(container.content)\n\t\t\t\t\t\t\tvideo.find('.modal__video video')[0].currentTime = 0;\n\t\t\t\t\t\t\tvideo.find('.modal__video video')[0].play()\n\n\t\t\t\t\t\t\tcontainer.wrap.find('.mfp-close').on('click', function() {\n\t\t\t\t\t\t\t\tvideo.find('.modal__video video')[0].pause()\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\n\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\t_init: function() {\n\n\t\t\t//---- Auto Open Process ----\n\t\t\tif (this.options.autoOpen.id) {\n\t\t\t\tvar cookieId = 'auto-open-modal-' + this.options.autoOpen.id;\n\t\t\t\tvar sessionCookieId = 'auto-open-modal-session-' + this.options.autoOpen.id;\n\t\t\t\tvar startdateCookieId = 'auto-open-modal-startdate-' + this.options.autoOpen.id;\n\t\t\t\tvar startdate = $('#modal-startpage').data('startdate');\n\n\t\t\t\t//If there is new startdate, all cookies will be removed, and reset startdatecookie\n\t\t\t\tif ($.cookie(startdateCookieId) != startdate) {\n\t\t\t\t\t$.removeCookie(sessionCookieId);\n\t\t\t\t\t$.removeCookie(cookieId);\n\t\t\t\t\t$.cookie(startdateCookieId, startdate);\n\t\t\t\t}\n\n\t\t\t\t// popup wasn't opened in this session\n\t\t\t\tif (!$.cookie(sessionCookieId)) {\n\t\t\t\t\t//set as sessionOpened\n\t\t\t\t\t$.cookie(sessionCookieId, true);\n\n\t\t\t\t\t//get current user views\n\t\t\t\t\tvar userCountViews = $.cookie(cookieId);\n\t\t\t\t\tif (!userCountViews)\n\t\t\t\t\t\tuserCountViews = 0;\n\n\t\t\t\t\tif (userCountViews < this.options.autoOpen.maxViewsPerUser) {\n\t\t\t\t\t\t//increment cookie user views counter\n\t\t\t\t\t\t$.cookie(cookieId, ++userCountViews, { expires: this.options.autoOpen.expires }); //increment cookie user views counter\n\n\t\t\t\t\t\t//open modal\n\t\t\t\t\t\t$.magnificPopup.open(this.modalOptions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n})(jQuery);","(function($) {\n\t'use strict';\n\t$.widget('msv.radiobutton', {\n\t\tvars: {}, //[{\"value\":1,\"text\":\"1\"},{\"value\":2,\"text\":\"2\"},{\"value\":3,\"text\":\"3\"},{\"value\":4,\"text\":\"4\"},{\"value\":5,\"text\":\"5\"}]\n\t\tel: {},\n\t\t_create: function() {\n\t\t\tvar self = this;\n\t\t\tself.vars.labelText = self.element.data('label');\n\t\t\tself.vars.dataSource = self.element.data('json');\n\t\t\tself.vars.nameAttr = self.element.data('name');\n\t\t},\n\t\t_init: function() {\n\t\t\tvar self = this;\n\t\t\tvar inputName = self.vars.nameAttr ? \" name='\" + self.vars.nameAttr + \"'\" : \"\";\n\t\t\tself.el.input = $('');\n\t\t\tthis.element.html('');\n\t\t\tthis.element.append(self.el.input);\n\t\t\tself.element.append('' + self.vars.labelText + '
');\n\t\t\tself.vars.dataSource.forEach(function(d) {\n\t\t\t\tself.element.append('' + d.text + '
');\n\t\t\t});\n\n\t\t\tself.element.find('.js-radio-item')\n\t\t\t\t.off('click')\n\t\t\t\t.click(function(e) {\n\t\t\t\t\tself.element.find('input[type=hidden]').val($(e.target).data('value'));\n\t\t\t\t\tself.element.find('.js-radio-item').removeClass('selected');\n\t\t\t\t\t$(e.target).addClass('selected');\n\t\t\t\t});\n\t\t\t$(window).resize(function() {\n\t\t\t\tself.redraw();\n\t\t\t});\n\t\t},\n\t\t_destroy: function() {},\n\t\tredraw: function() {\n\t\t\tvar self = this;\n\t\t\t//console.log('redraw');\n\t\t\t//self.element.width(self.element.width() + 2);\n\t\t}\n\t});\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.ripplefx', {\n\n\t\toptions: {\n\t\t\tduration: .75\n\t\t},\n\n\t\t_create: function() {\n\t\t\tvar self = this;\n\n\n\t\t\tvar button = self.element;\n\t\t\tvar rippleElement = '';\n\t\t\tbutton.append(rippleElement);\n\n\t\t\tthis.options.ripple = self.element.find('.js-ripple');\n\n\n\t\t\tbutton.click(function(event) {\n\t\t\t\tself._rippleAnimation(event, self.options.duration);\n\t\t\t});\n\n\t\t},\n\n\t\t_rippleAnimation: function(event, timing) {\n\t\t\t// console.log(event)\n\t\t\tvar tl = new TimelineMax();\n\t\t\tvar x = event.offsetX,\n\t\t\t\ty = event.offsetY,\n\t\t\t\tw = event.target.offsetWidth,\n\t\t\t\th = event.target.offsetHeight,\n\t\t\t\toffsetX = Math.abs((w / 2) - x),\n\t\t\t\toffsetY = Math.abs((h / 2) - y),\n\t\t\t\tdeltaX = (w / 2) + offsetX,\n\t\t\t\tdeltaY = (h / 2) + offsetY,\n\t\t\t\tscale_ratio = Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));\n\n\t\t\ttl.fromTo(this.options.ripple, timing, {\n\t\t\t\tx: x,\n\t\t\t\ty: y,\n\t\t\t\ttransformOrigin: '50% 50%',\n\t\t\t\tscale: 0,\n\t\t\t\topacity: 1,\n\t\t\t\tease: Linear.easeIn\n\t\t\t}, {\n\t\t\t\tscale: scale_ratio,\n\t\t\t\topacity: 0\n\t\t\t});\n\t\t\t// console.log(this.options.ripple)\n\n\t\t\treturn tl;\n\t\t}\n\n\n\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.scrollup', {\n\n\t\toptions: {},\n\n\t\t_create: function() {\n\t\t\t$(\".scrollup\").click(function() {\n\t\t\t\t$('html, body').animate({\n\t\t\t\t\tscrollTop: 0\n\t\t\t\t}, 800);\n\t\t\t});\n\t\t}\n\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.share', {\n\n\t\toptions: {\n\t\t\tel: {},\n\t\t\tfacebook: 'https://www.facebook.com/sharer/sharer.php?u=',\n\t\t\tlinkedin: 'https://www.linkedin.com/shareArticle?mini=true&url=',\n\t\t\tgoogleplus: 'https://plus.google.com/share?url=',\n\t\t\twhatsapp: 'whatsapp://send?text=',\n\t\t\ttwitter: 'https://twitter.com/home?status=',\n\t\t\tyoutube: 'https://www.youtube.com/channel/UC6D0t4ecpz7D0RcJaUovkcA'\n\t\t},\n\n\t\t_create: function() {\n\t\t\tvar self = this;\n\t\t\t/**/\n\t\t\tthis.options.el.share = $(\".share\");\n\t\t\tthis.options.el.shareProviders = $(\".share__providers\");\n\t\t\t/**/\n\t\t\tvar type = this.options[this.element.data(\"social\")];\n\t\t\tvar url = encodeURIComponent(window.location.href);\n\t\t\tvar shareUrl = type + url;\n\t\t\t/**/\n\t\t\tthis._on({\n\t\t\t\t'click': function(evt) {\n\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\tself._popupCenter(shareUrl);\n\t\t\t\t}\n\t\t\t});\n\t\t\t// this.options.el.share.hover(function () {\n\t\t\t// \tself.options.el.shareProviders.fadeIn();\n\t\t\t// }, function () {\n\t\t\t// \tself.options.el.shareProviders.fadeOut();\n\t\t\t// })\n\t\t},\n\n\t\t_popupCenter: function(url) {\n\t\t\tvar w = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 600;\n\t\t\tvar h = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 400;\n\t\t\tvar dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left,\n\t\t\t\tdualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top,\n\t\t\t\twidth = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width,\n\t\t\t\theight = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height,\n\t\t\t\tleft = width / 2 - w / 2 + dualScreenLeft,\n\t\t\t\ttop = height / 2 - h / 2 + dualScreenTop,\n\t\t\t\tnewWindow = window.open(url, 'Share', \"scrollbars=yes, width=\".concat(w, \", height=\").concat(h, \", top=\").concat(top, \", left=\").concat(left)); // Puts focus on the newWindow \n\t\t\n\t\t\twindow.focus ? newWindow.focus() : '';\n\t\t}\n\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.simulator', {\n\n\t\tel: {\n\t\t\tsimulatorItem: $('.js-simulator'),\n\t\t\tsimulatorTotal: $('.js-simulator-total')\n\t\t},\n\n\t\t_init: function() {\n\t\t\tthis._events()\n\t\t},\n\n\t\t_events: function() {\n\t\t\tvar self = this;\n\n\t\t\tthis.el.simulatorItem.not('[type=radio]').on('input', function() {\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\tself._getData()\n\t\t\t\t}, 300)\n\t\t\t})\n\n\t\t\tthis.element.find('.form-datalist__options').on('click', function() {\n\t\t\t\tself._getData()\n\t\t\t});\n\n\t\t\tthis.element.find('[type=radio]').on('change', function() {\n\t\t\t\tif ($(this).prop(\"checked\"))\n\t\t\t\t\tself._getData()\n\t\t\t})\n\t\t},\n\n\t\t_getData: function() {\n\t\t\tvar self = this;\n\n\t\t\t$.ajax({\n\t\t\t\ttype: 'GET',\n\t\t\t\turl: self.element.data('endpoint'),\n\t\t\t\tdataType: 'json',\n\t\t\t\tcontentType: 'application/json',\n\t\t\t\tbeforeSend: function() {\n\t\t\t\t\tself.element.find('button.btn').attr('disabled', true).addClass('btn-loading');\n\t\t\t\t\tself.element.find('.btn-loading').append(\"\");\n\t\t\t\t},\n\t\t\t}).done(function(data, textStatus, jqXHR) {\n\t\t\t\tself.element.find('button.btn').removeClass('btn-loading');\n\t\t\t\tself.element.find(\".btn-loading-spinner\").remove();\n\t\t\t\tif (jqXHR.status === 200) {\n\n\t\t\t\t\tvar simulatorTotal =\n\t\t\t\t\t\t(self.element.find(\"[name=simulatorProductType]\").val().length ? +self.element.find(\"[name=simulatorProductType]\").attr('data-value') : 0) +\n\t\t\t\t\t\t(self.element.find(\"[name=simulatorInitialFee]\").val().length ? +self.element.find(\"[name=simulatorInitialFee]\").val() : 0) +\n\t\t\t\t\t\t(self.element.find(\"[name=days]:checked\").length ? +$(\"[name=days]:checked\").val() : 0)\n\n\t\t\t\t\tself.el.simulatorTotal.find('span span').html(simulatorTotal)\n\t\t\t\t}\n\t\t\t}).fail(function() {\n\t\t\t\tself.element.find('button.btn').attr('disabled', false).addClass('btn-red').removeClass('btn-loading');\n\t\t\t\tself.element.find(\".btn-loading-spinner\").remove();\n\t\t\t})\n\t\t}\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.slideinSidebar', {\n\t\tvars: {\n\t\t\tdesktopDown: window.matchMedia('(min-width: 1024px)')\n\t\t},\n\n\t\t_create: function() {\n\t\t\tvar sidebar = $('.sidebar')\n\t\t\tif (this.vars.desktopDown.matches) {\n\t\t\t\tsidebar.hover(function() {\n\t\t\t\t\t$(this).addClass('open')\n\t\t\t\t}, function() {\n\t\t\t\t\t$(this).removeClass('open')\n\t\t\t\t})\n\t\t\t}\n\t\t\telse {\n\t\t\t\tsidebar.on('click', function() {\n\t\t\t\t\t$(this).toggleClass('open');\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.sticky', {\n\n\t\toptions: {\n\t\t\tel: {}\n\t\t},\n\n\t\t_create: function() {\n\t\t\tvar self = this;\n\t\t\t/**/\n\t\t\tthis.options.el.aside = $(\".aside\");\n\t\t\tthis.options.el.shield = $(\".aside .shield\");\n\t\t\tthis.options.el.asideBody = $(\".aside__body\");\n\t\t\tthis.options.el.asideTrigger = $(\".aside__trigger\");\n\t\t\t/**/\n\t\t\tthis._events();\n\t\t\tthis._calculate();\n\t\t\t$(window).on('scroll', function() {\n\t\t\t\tself._calculate();\n\t\t\t});\n\t\t\t$(window).on('resize', function() {\n\t\t\t\tself._calculate();\n\t\t\t});\n\t\t},\n\n\t\t_events: function() {\n\t\t\tvar self = this;\n\t\t\tthis.options.el.shield.click(function() {\n\t\t\t\tself._mobileClose();\n\t\t\t});\n\t\t\tthis.options.el.asideTrigger.click(function() {\n\t\t\t\tif ($(this).hasClass(\"opened\")) {\n\t\t\t\t\tself._mobileClose();\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tself._mobileOpen();\n\t\t\t\t}\n\t\t\t});\n\t\t\t$.subscribe(\"OPEN_MOBILE_MENU\", function() {\n\t\t\t\tself._mobileClose();\n\t\t\t\tself._mobileHide();\n\t\t\t});\n\t\t\t$.subscribe(\"CLOSE_MOBILE_MENU\", function() {\n\t\t\t\tself._mobileShow();\n\t\t\t});\n\t\t\t$.subscribe(\"OPEN_SEARCH\", function() {\n\t\t\t\tself._mobileClose();\n\t\t\t});\n\t\t},\n\n\t\t_calculate: function() {\n\t\t\tvar $floatingPanel = $(\"aside.aside\");\n\t\t\tvar $floatingPanelBody = $floatingPanel.find(\".aside__body\");\n\t\t\tvar $pageHeader = $(\".hero\");\n\t\t\tvar $stickyContainer = $(\".sticky-container\");\n\t\t\tvar $stickyContent = $stickyContainer.closest(\".row\");\n\t\t\tthis.options.asideHeight = $floatingPanel.height();\n\t\t\tthis.options.asideBodyHeight = $floatingPanelBody.height();\n\t\t\tif (window.innerWidth >= 960) {\n\t\t\t\tvar windowTop = $(window).scrollTop();\n\t\t\t\tvar stickyContentTop = $stickyContent.offset().top;\n\t\t\t\tvar stickyPoint = stickyContentTop + $stickyContent.height() - this.options.asideHeight - 350; //for padding purposes\n\t\t\t\t// console.log('aside:' + windowTop, stickyPoint, $pageHeader.height() + 100);\n\n\n\t\t\t\tif (windowTop <= $pageHeader.height() - 100) {\n\t\t\t\t\t$floatingPanel.css({\n\t\t\t\t\t\tposition: \"static\",\n\t\t\t\t\t\ttop: \"auto\",\n\t\t\t\t\t\tright: \"auto\",\n\t\t\t\t\t\tbottom: \"auto\",\n\t\t\t\t\t\tleft: \"auto\",\n\t\t\t\t\t\twidth: \"auto\",\n\t\t\t\t\t\tmarginTop: -230\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tif (windowTop <= stickyPoint) {\n\t\t\t\t\t\t$floatingPanel.css({\n\t\t\t\t\t\t\tposition: \"fixed\",\n\t\t\t\t\t\t\ttop: 130,\n\t\t\t\t\t\t\tright: \"auto\",\n\t\t\t\t\t\t\tbottom: \"auto\",\n\t\t\t\t\t\t\tleft: \"auto\",\n\t\t\t\t\t\t\twidth: $stickyContainer.width(),\n\t\t\t\t\t\t\tmarginTop: 0\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tif (windowTop >= 2000 && windowTop <= 4400) {\n\t\t\t\t\t\t\t$floatingPanel.css({\n\t\t\t\t\t\t\t\tposition: \"fixed\",\n\t\t\t\t\t\t\t\ttop: 130,\n\t\t\t\t\t\t\t\tright: \"auto\",\n\t\t\t\t\t\t\t\tbottom: \"auto\",\n\t\t\t\t\t\t\t\tleft: \"auto\",\n\t\t\t\t\t\t\t\twidth: $stickyContainer.width(),\n\t\t\t\t\t\t\t\tmarginTop: 0\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t$floatingPanel.css({\n\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\ttop: stickyPoint - this.options.asideHeight - 250,\n\t\t\t\t\t\t\t\tright: \"auto\",\n\t\t\t\t\t\t\t\tbottom: \"auto\",\n\t\t\t\t\t\t\t\tleft: \"auto\",\n\t\t\t\t\t\t\t\twidth: $stickyContainer.width(),\n\t\t\t\t\t\t\t\tmarginTop: 0\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\telse {\n\t\t\t\t$(\".aside__trigger\").removeClass(\"opened\");\n\t\t\t\t$(\".aside\").removeClass(\"hasShield\");\n\t\t\t\t$floatingPanel.css({\n\t\t\t\t\tposition: \"fixed\",\n\t\t\t\t\ttop: \"auto\",\n\t\t\t\t\tright: \"auto\",\n\t\t\t\t\tbottom: \"0\",\n\t\t\t\t\tleft: \"0\",\n\t\t\t\t\twidth: \"100%\"\n\t\t\t\t});\n\t\t\t\t$floatingPanelBody.css({\n\t\t\t\t\tbottom: -this.options.asideBodyHeight - this.options.asideHeight\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\n\t\t_mobileOpen: function() {\n\t\t\tthis.options.el.asideBody.animate({\n\t\t\t\tbottom: this.options.asideHeight\n\t\t\t}, 300);\n\t\t\tthis.options.el.asideTrigger.addClass(\"opened\");\n\t\t\tthis.options.el.aside.addClass(\"hasShield\");\n\t\t},\n\n\t\t_mobileClose: function() {\n\t\t\tthis.options.el.asideBody.animate({\n\t\t\t\tbottom: -this.options.asideBodyHeight - this.options.asideHeight\n\t\t\t}, 300);\n\t\t\tthis.options.el.asideTrigger.removeClass(\"opened\");\n\t\t\tthis.options.el.aside.removeClass(\"hasShield\");\n\t\t},\n\n\t\t_mobileHide: function() {\n\t\t\tthis.options.el.aside.hide();\n\t\t},\n\n\t\t_mobileShow: function() {\n\t\t\tthis.options.el.aside.show();\n\t\t}\n\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.stickyCta', {\n\t\tvars: {\n\t\t\tactivateStickyCta: $('.js-show-sticky-cta'),\n\t\t\thideStickyCta: $('.js-close-sticky-cta'),\n\t\t\tstickyCta: $('.sticky-cta')\n\t\t},\n\n\t\t_create: function() {\n\t\t\tvar self = this;\n\t\t\t$(window).on('scroll', function() {\n\t\t\t\tself._events()\n\t\t\t})\n\n\t\t\t$(window).on('resize', function() {\n\t\t\t\tself._events();\n\t\t\t});\n\n\t\t},\n\n\t\t_events: function() {\n\t\t\tvar self = this;\n\t\t\tvar triggerCta = $(this.vars.activateStickyCta).innerHeight() + $(this.vars.activateStickyCta).offset().top;\n\t\t\tvar hideCta = $(this.vars.hideStickyCta).offset().top;\n\n\t\t\tif ($(window).scrollTop() > triggerCta && $(window).scrollTop() < (hideCta - window.innerHeight)) {\n\t\t\t\tself.vars.stickyCta.addClass('show')\n\t\t\t}\n\t\t\telse {\n\t\t\t\tself.vars.stickyCta.removeClass('show')\n\t\t\t}\n\t\t}\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.tableResponsive', {\n\n\t\toptions: {\n\t\t\tlargeAndUp: window.matchMedia('(min-width: 1024px)')\n\t\t},\n\n\t\t_init: function() {\n\t\t\tvar self = this;\n\n\t\t\tthis._events();\n\t\t\t!this.options.largeAndUp.addListener(function() {\n\t\t\t\t!self.options.largeAndUp.matches ?\n\t\t\t\t\tself._events() :\n\t\t\t\t\t$('.table-responsive__head-mobile').remove()\n\t\t\t})\n\t\t},\n\n\t\t_events: function() {\n\n\t\t\tif (!this.options.largeAndUp.matches) {\n\n\t\t\t\tthis.element.find('tbody>tr>td').each(function(_, el) {\n\t\t\t\t\t$(el).prepend(function() {\n\t\t\t\t\t\treturn \"\".concat($(el).closest('.table-responsive').find('th:not(:first)').eq($(el).index() - 1).text(), \"
\");\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\n\t$.widget('msv.tabspanel', {\n\n\t\toptions: {\n\t\t\tduration: .6\n\t\t},\n\n\t\t_create: function() {\n\t\t\tvar self = this;\n\t\t\tthis.options.myfilet = this.element.find(\"span.filet\");\n\t\t\tthis.element.tabs({\n\t\t\t\tshow: true,\n\t\t\t\tbeforeActivate: function(_, ui) {\n\t\t\t\t\tvar newone = $(ui.newTab);\n\t\t\t\t\tTweenMax.to(self.options.myfilet, self.options.duration, {\n\t\t\t\t\t\tleft: newone.position().left,\n\t\t\t\t\t\twidth: newone.width(),\n\t\t\t\t\t\tease: Power4.easeOut\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\tcreate: function() {\n\t\t\t\t\tvar amount = self.element.find(\".small-slider__tab-item\").length;\n\t\t\t\t\tself.options.myfilet.css({\n\t\t\t\t\t\twidth: (1 / amount) * 100 + '%'\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t$(window).on('resize', function() {\n\t\t\t\tif (self.element.is(\":visible\")) {\n\t\t\t\t\tself._redraw();\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\n\t\t_redraw: function() {\n\t\t\tvar selectedIndex = this.element.find(\".ui-tab.ui-tabs-active.ui-state-active\").index();\n\t\t\tvar width = this.element.find(\".small-slider__tab-item\").eq(selectedIndex).width();\n\t\t\tvar left = this.element.find(\".small-slider__tab-item\").eq(selectedIndex).position().left;\n\t\t\tthis.options.myfilet.css({ width: width, left: left });\n\t\t}\n\n\n\t});\n\n})(jQuery);","(function($) {\n\t'use strict';\n\t$.widget('msv.uploadFile', {\n\t\tvars: {},\n\t\tel: {},\n\t\t_create: function() {\n\t\t\tvar self = this;\n\t\t\tself.vars.labelText = self.element.data('label');\n\t\t\tself.vars.nameAttr = self.element.data('name');\n\t\t\tself.vars.endpoint = self.element.data('endpoint');\n\t\t\tself.vars.ruleRequired = self.element.data('rule-required');\n\t\t},\n\t\t_init: function() {\n\t\t\tvar self = this;\n\t\t\tvar inputName = self.vars.nameAttr ? \" name='\" + self.vars.nameAttr + \"'\" : \"\";\n\t\t\tself.el.uploadButton = $('' + self.vars.labelText + '');\n\t\t\tvar requiredStr = self.vars.ruleRequired ? \"data-rule-required=\\\"true\\\"\" : \"\";\n\t\t\tself.el.input = $('');\n\t\t\tself.el.inputHidden = $('')\n\t\t\tself.el.spanFileName = $('');\n\t\t\tself.element.html(self.el.uploadButton);\n\t\t\tself.element.append(self.el.input);\n\t\t\tself.element.append(self.el.spanFileName);\n\t\t\tself.element.append(self.el.inputHidden);\n\n\n\t\t\tself.el.uploadButton.off('click').click(function() {\n\t\t\t\tself.el.input.trigger('click');\n\t\t\t});\n\n\t\t\tself.el.input.change(function() {\n\t\t\t\t//--- Create data to ajax\n\t\t\t\tvar file = this.files[0];\n\t\t\t\tvar data = new FormData();\n\t\t\t\tdata.append(file.name, file);\n\n\t\t\t\t//--- Loading Button\n\t\t\t\tself.el.uploadButton.attr('disabled', true).addClass('btn-loading');\n\t\t\t\tself.el.uploadButton.append(\"\");\n\n\t\t\t\t//--- Reset input\n\t\t\t\tself.el.spanFileName.html('');\n\t\t\t\tself.el.inputHidden.val('');\n\n\t\t\t\t//--- ajax request\n\t\t\t\tvar ajaxRequest = $.ajax({\n\t\t\t\t\ttype: \"POST\",\n\t\t\t\t\turl: self.vars.endpoint,\n\t\t\t\t\tcontentType: false,\n\t\t\t\t\tprocessData: false,\n\t\t\t\t\tdata: data,\n\t\t\t\t\tsuccess: function(response) {\n\t\t\t\t\t\tself.el.uploadButton.attr('disabled', false).removeClass('btn-loading');\n\t\t\t\t\t\tself.el.uploadButton.find(\".btn-loading-spinner\").remove();\n\t\t\t\t\t\tself.el.inputHidden.val(response);\n\t\t\t\t\t\tself.el.spanFileName.html(self.el.input.val().split('\\\\').pop())\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t},\n\t\t_destroy: function() {\n\n\t\t}\n\t});\n})(jQuery);"]}