google.maps.Marker class.\r\n * \r\n * MarkerWithLabel allows you to define markers with associated labels. As you would expect,\r\n * if the marker is draggable, so too will be the label. In addition, a marker with a label\r\n * responds to all mouse events in the same manner as a regular marker. It also fires mouse\r\n * events and \"property changed\" events just as a regular marker would.\r\n */\r\n\r\n/*!\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n * http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n/*jslint browser:true */\r\n/*global document,google */\r\n\r\n/**\r\n * @param {Function} childCtor Child class.\r\n * @param {Function} parentCtor Parent class.\r\n * @private\r\n */\r\nfunction inherits(childCtor, parentCtor) {\r\n /* @constructor */\r\n function tempCtor() {}\r\n tempCtor.prototype = parentCtor.prototype;\r\n childCtor.superClass_ = parentCtor.prototype;\r\n childCtor.prototype = new tempCtor();\r\n /* @override */\r\n childCtor.prototype.constructor = childCtor;\r\n}\r\n\r\n/**\r\n * This constructor creates a label and associates it with a marker.\r\n * It is for the private use of the MarkerWithLabel class.\r\n * @constructor\r\n * @param {Marker} marker The marker with which the label is to be associated.\r\n * @param {string} crossURL The URL of the cross image =.\r\n * @private\r\n */\r\nfunction MarkerLabel_(marker, crossURL) {\r\n this.marker_ = marker;\r\n\r\n this.labelDiv_ = document.createElement(\"div\");\r\n this.labelDiv_.style.cssText = \"position: absolute; overflow: hidden;\";\r\n\r\n // Set up the DIV for handling mouse events in the label. This DIV forms a transparent veil\r\n // in the \"overlayMouseTarget\" pane, a veil that covers just the label. This is done so that\r\n // events can be captured even if the label is in the shadow of a google.maps.InfoWindow.\r\n // Code is included here to ensure the veil is always exactly the same size as the label.\r\n this.eventDiv_ = document.createElement(\"div\");\r\n this.eventDiv_.style.cssText = this.labelDiv_.style.cssText;\r\n\r\n // This is needed for proper behavior on MSIE:\r\n this.eventDiv_.setAttribute(\"onselectstart\", \"return false;\");\r\n this.eventDiv_.setAttribute(\"ondragstart\", \"return false;\");\r\n\r\n // Get the DIV for the \"X\" to be displayed when the marker is raised.\r\n this.crossDiv_ = MarkerLabel_.getSharedCross(crossURL);\r\n}\r\n\r\nif (typeof google !== 'undefined') {\r\n inherits(MarkerLabel_, google.maps.OverlayView);\r\n}\r\n\r\n\r\n/**\r\n * Returns the DIV for the cross used when dragging a marker when the\r\n * crossOnDrag parameter set to true. One cross is shared with all markers.\r\n * @param {string} crossURL The URL of the cross image.\r\n * @private\r\n */\r\nMarkerLabel_.getSharedCross = function (crossURL) {\r\n var div;\r\n if (typeof MarkerLabel_.getSharedCross.crossDiv === \"undefined\") {\r\n div = document.createElement(\"img\");\r\n div.style.cssText = \"position: absolute; z-index: 1000002; display: none;\";\r\n // Hopefully Google never changes the standard \"X\" attributes:\r\n div.style.marginLeft = \"-8px\";\r\n div.style.marginTop = \"-9px\";\r\n div.src = crossURL;\r\n MarkerLabel_.getSharedCross.crossDiv = div;\r\n }\r\n return MarkerLabel_.getSharedCross.crossDiv;\r\n};\r\n\r\n/**\r\n * Adds the DIV representing the label to the DOM. This method is called\r\n * automatically when the marker's setMap method is called.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.onAdd = function () {\r\n var me = this;\r\n\r\n this.getPanes().markerLayer.appendChild(this.labelDiv_);\r\n this.getPanes().overlayMouseTarget.appendChild(this.eventDiv_);\r\n // One cross is shared with all markers, so only add it once:\r\n if (typeof MarkerLabel_.getSharedCross.processed === \"undefined\") {\r\n this.getPanes().overlayImage.appendChild(this.crossDiv_);\r\n MarkerLabel_.getSharedCross.processed = true;\r\n }\r\n\r\n this.addMouseListeners();\r\n\r\n this.listeners2_ = [\r\n google.maps.event.addListener(this.marker_, \"clickable_changed\", function () {\r\n me.setClickable();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"cursor_changed\", function () {\r\n me.setCursor();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"draggable_changed\", function () {\r\n me.setClickable();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"position_changed\", function () {\r\n me.setPosition();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"visible_changed\", function () {\r\n me.setVisible();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"title_changed\", function () {\r\n me.setTitle();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"zindex_changed\", function () {\r\n me.setZIndex();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"labelanchor_changed\", function () {\r\n me.setAnchor();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"labelclass_changed\", function () {\r\n me.setStyles();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"labelcontent_changed\", function () {\r\n me.setContent();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"labelstyle_changed\", function () {\r\n me.setStyles();\r\n }),\r\n google.maps.event.addListener(this.marker_, \"labelvisible_changed\", function () {\r\n me.setVisible();\r\n })\r\n ];\r\n};\r\n\r\n/**\r\n * Adds the listeners for a clickable label.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.addMouseListeners = function () {\r\n var me = this;\r\n var cTouchScreen = false;\r\n var cMouseIsDown = false;\r\n var cDraggingLabel = false;\r\n var cIgnoreClick;\r\n var cLatOffset, cLngOffset;\r\n\r\n // Stop all processing of an event.\r\n //\r\n var cAbortEvent = function (e) {\r\n e = e || window.event;\r\n if (e.stopPropagation) {\r\n e.stopPropagation();\r\n } else {\r\n e.cancelBubble = true;\r\n }\r\n if (e.preventDefault) {\r\n e.preventDefault();\r\n } else {\r\n e.returnValue = false;\r\n }\r\n };\r\n\r\n // Stop an event from propagating.\r\n //\r\n var cStopPropagation = function (e) {\r\n e = e || window.event;\r\n if (e.stopPropagation) {\r\n e.stopPropagation();\r\n } else {\r\n e.cancelBubble = true;\r\n }\r\n };\r\n\r\n this.listeners1_ = [\r\n google.maps.event.addDomListener(this.eventDiv_, \"mouseover\", function (e) {\r\n var mEvent = {latLng: me.marker_.getPosition()};\r\n if (me.marker_.getClickable() || me.marker_.getDraggable()) {\r\n if (!cTouchScreen) {\r\n this.style.cursor = (me.marker_.getCursor() || \"pointer\");\r\n google.maps.event.trigger(me.marker_, \"mouseover\", mEvent);\r\n cAbortEvent(e);\r\n }\r\n } else {\r\n this.style.cursor = null;\r\n }\r\n }),\r\n google.maps.event.addDomListener(this.eventDiv_, \"mouseout\", function (e) {\r\n var mEvent = {latLng: me.marker_.getPosition()};\r\n if (me.marker_.getClickable() || me.marker_.getDraggable()) {\r\n if (!cTouchScreen) {\r\n google.maps.event.trigger(me.marker_, \"mouseout\", mEvent);\r\n cAbortEvent(e);\r\n }\r\n }\r\n }),\r\n google.maps.event.addDomListener(this.eventDiv_, \"mousedown\", function (e) {\r\n var mEvent = {latLng: me.marker_.getPosition()};\r\n cDraggingLabel = false;\r\n if (me.marker_.getClickable() || me.marker_.getDraggable()) {\r\n cMouseIsDown = true;\r\n google.maps.event.trigger(me.marker_, \"mousedown\", mEvent);\r\n if (!cTouchScreen) {\r\n cAbortEvent(e); // Prevent map pan when starting a drag on a label\r\n }\r\n }\r\n }),\r\n google.maps.event.addDomListener(this.eventDiv_, \"mouseup\", function (e) {\r\n var mEvent = {latLng: me.marker_.getPosition()};\r\n if (cMouseIsDown) {\r\n cMouseIsDown = false;\r\n google.maps.event.trigger(me.marker_, \"mouseup\", mEvent);\r\n if (cDraggingLabel) {\r\n cDraggingLabel = false;\r\n me.crossDiv_.style.display = \"none\";\r\n cIgnoreClick = true; // Set flag to ignore the click event reported after a label drag\r\n google.maps.event.trigger(me.marker_, \"dragend\", mEvent);\r\n }\r\n if (!me.marker_.getDraggable()) {\r\n cAbortEvent(e);\r\n }\r\n }\r\n }),\r\n google.maps.event.addDomListener(this.eventDiv_, \"click\", function (e) {\r\n var mEvent = {latLng: me.marker_.getPosition()};\r\n if (me.marker_.getClickable() || me.marker_.getDraggable()) {\r\n if (cIgnoreClick) { // Ignore the click reported when a label drag ends\r\n cIgnoreClick = false;\r\n } else {\r\n google.maps.event.trigger(me.marker_, \"click\", mEvent);\r\n }\r\n cAbortEvent(e); // Prevent click from being passed on to map\r\n }\r\n }),\r\n google.maps.event.addDomListener(this.eventDiv_, \"dblclick\", function (e) {\r\n var mEvent = {latLng: me.marker_.getPosition()};\r\n if (me.marker_.getClickable() || me.marker_.getDraggable()) {\r\n google.maps.event.trigger(me.marker_, \"dblclick\", mEvent);\r\n cAbortEvent(e); // Prevent map zoom when double-clicking on a label\r\n }\r\n }),\r\n google.maps.event.addListener(this.marker_.getMap(), \"mousemove\", function (mEvent) {\r\n var position;\r\n if (cMouseIsDown && me.marker_.getDraggable()) {\r\n if (cDraggingLabel) {\r\n // Change the reported location from the mouse position to the marker position:\r\n mEvent.latLng = new google.maps.LatLng(mEvent.latLng.lat() - cLatOffset, mEvent.latLng.lng() - cLngOffset);\r\n if (me.marker_.get(\"crossOnDrag\")) { // Position and display the cross\r\n position = me.getProjection().fromLatLngToDivPixel(mEvent.latLng);\r\n me.crossDiv_.style.left = position.x + \"px\";\r\n me.crossDiv_.style.top = position.y + \"px\";\r\n me.crossDiv_.style.display = \"\";\r\n }\r\n google.maps.event.trigger(me.marker_, \"drag\", mEvent);\r\n } else {\r\n // Calculate offsets from the click point to the marker position:\r\n cLatOffset = mEvent.latLng.lat() - me.marker_.getPosition().lat();\r\n cLngOffset = mEvent.latLng.lng() - me.marker_.getPosition().lng();\r\n cDraggingLabel = true;\r\n mEvent.latLng = me.marker_.getPosition();\r\n google.maps.event.trigger(me.marker_, \"dragstart\", mEvent);\r\n }\r\n }\r\n }),\r\n google.maps.event.addListener(this.marker_, \"dragstart\", function (mEvent) {\r\n // During a drag, the marker's z-index is temporarily set to 1000000 to ensure\r\n // it appears above all other markers. Here we also set the label's z-index\r\n // to 1000000 (plus or minus 1 depending on whether the label is supposed\r\n // to be above or below the marker). (NOTE: For some reason, Google does not\r\n // fire a zindex_changed event when changing the marker's z-index to 100000\r\n // or else this task would be handled by the MarkerLabel_.setZIndex() method.)\r\n //\r\n me.labelDiv_.style.zIndex = 1000000 + (this.get(\"labelInBackground\") ? -1 : +1);\r\n me.eventDiv_.style.zIndex = me.labelDiv_.style.zIndex;\r\n }),\r\n google.maps.event.addListener(this.marker_, \"drag\", function (mEvent) {\r\n this.setPosition(mEvent.latLng);\r\n }),\r\n google.maps.event.addListener(this.marker_, \"dragend\", function (mEvent) {\r\n me.setZIndex();\r\n }),\r\n // Prevent touch events from passing through the label DIV to the underlying map.\r\n //\r\n google.maps.event.addDomListener(this.eventDiv_, \"touchstart\", function (e) {\r\n cTouchScreen = true;\r\n cStopPropagation(e);\r\n }),\r\n google.maps.event.addDomListener(this.eventDiv_, \"touchmove\", function (e) {\r\n cStopPropagation(e);\r\n }),\r\n google.maps.event.addDomListener(this.eventDiv_, \"touchend\", function (e) {\r\n cStopPropagation(e);\r\n })\r\n ];\r\n};\r\n\r\n/**\r\n * Removes the listeners for a clickable label.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.removeMouseListeners = function () {\r\n var i;\r\n\r\n if (this.listeners1_) {\r\n for (i = 0; i < this.listeners1_.length; i++) {\r\n google.maps.event.removeListener(this.listeners1_[i]);\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * Removes the DIV for the label from the DOM. It also removes all event handlers.\r\n * This method is called automatically when the marker's setMap(null)\r\n * method is called.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.onRemove = function () {\r\n var i;\r\n if (this.labelDiv_.parentNode) {\r\n this.labelDiv_.parentNode.removeChild(this.labelDiv_);\r\n }\r\n if (this.eventDiv_.parentNode) {\r\n this.eventDiv_.parentNode.removeChild(this.eventDiv_);\r\n }\r\n // Remove event listeners:\r\n this.removeMouseListeners();\r\n\r\n if (this.listeners2_) {\r\n for (i = 0; i < this.listeners2_.length; i++) {\r\n google.maps.event.removeListener(this.listeners2_[i]);\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * Draws the label on the map.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.draw = function () {\r\n this.setContent();\r\n this.setTitle();\r\n this.setStyles();\r\n};\r\n\r\n/**\r\n * Sets the content of the label.\r\n * The content can be plain text or an HTML DOM node.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.setContent = function () {\r\n var content = this.marker_.get(\"labelContent\");\r\n var previousContent = this.marker_._previousContent;\r\n if(previousContent !== content){\r\n this.marker_._previousContent = content;\r\n if (typeof content.nodeType === \"undefined\") {\r\n this.labelDiv_.innerHTML = content;\r\n this.eventDiv_.innerHTML = this.labelDiv_.innerHTML;\r\n } else {\r\n this.labelDiv_.innerHTML = \"\"; // Remove current content\r\n this.labelDiv_.appendChild(content);\r\n content = content.cloneNode(true);\r\n this.eventDiv_.innerHTML = \"\"; // Remove current content\r\n this.eventDiv_.appendChild(content);\r\n }\r\n }\r\n};\r\n\r\n/**\r\n * Sets the content of the tool tip for the label. It is\r\n * always set to be the same as for the marker itself.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.setTitle = function () {\r\n this.eventDiv_.title = this.marker_.getTitle() || \"\";\r\n};\r\n\r\n/**\r\n * Sets the style of the label by setting the style sheet and applying\r\n * other specific styles requested.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.setStyles = function () {\r\n var i, labelStyle;\r\n\r\n // Apply style values from the style sheet defined in the labelClass parameter:\r\n this.labelDiv_.className = this.marker_.get(\"labelClass\");\r\n this.eventDiv_.className = this.labelDiv_.className;\r\n\r\n // Clear existing inline style values:\r\n this.labelDiv_.style.cssText = \"\";\r\n this.eventDiv_.style.cssText = \"\";\r\n // Apply style values defined in the labelStyle parameter:\r\n labelStyle = this.marker_.get(\"labelStyle\");\r\n for (i in labelStyle) {\r\n if (labelStyle.hasOwnProperty(i)) {\r\n this.labelDiv_.style[i] = labelStyle[i];\r\n this.eventDiv_.style[i] = labelStyle[i];\r\n }\r\n }\r\n this.setMandatoryStyles();\r\n};\r\n\r\n/**\r\n * Sets the mandatory styles to the DIV representing the label as well as to the\r\n * associated event DIV. This includes setting the DIV position, z-index, and visibility.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.setMandatoryStyles = function () {\r\n this.labelDiv_.style.position = \"absolute\";\r\n this.labelDiv_.style.overflow = \"hidden\";\r\n // Make sure the opacity setting causes the desired effect on MSIE:\r\n if (typeof this.labelDiv_.style.opacity !== \"undefined\" && this.labelDiv_.style.opacity !== \"\") {\r\n this.labelDiv_.style.MsFilter = \"\\\"progid:DXImageTransform.Microsoft.Alpha(opacity=\" + (this.labelDiv_.style.opacity * 100) + \")\\\"\";\r\n this.labelDiv_.style.filter = \"alpha(opacity=\" + (this.labelDiv_.style.opacity * 100) + \")\";\r\n }\r\n\r\n this.eventDiv_.style.position = this.labelDiv_.style.position;\r\n this.eventDiv_.style.overflow = this.labelDiv_.style.overflow;\r\n this.eventDiv_.style.cursor = \"pointer\"; // Required to make this clickable on iOS\r\n this.eventDiv_.style.opacity = 0.01; // Don't use 0; DIV won't be clickable on MSIE\r\n this.eventDiv_.style.MsFilter = \"\\\"progid:DXImageTransform.Microsoft.Alpha(opacity=1)\\\"\";\r\n this.eventDiv_.style.filter = \"alpha(opacity=1)\"; // For MSIE\r\n\r\n this.setAnchor();\r\n this.setPosition();\r\n this.setZIndex();\r\n this.setVisible();\r\n};\r\n\r\n/**\r\n * Sets the anchor point of the label.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.setAnchor = function () {\r\n var anchor = this.marker_.get(\"labelAnchor\");\r\n this.labelDiv_.style.marginLeft = -anchor.x + \"px\";\r\n this.labelDiv_.style.marginTop = -anchor.y + \"px\";\r\n this.eventDiv_.style.marginLeft = -anchor.x + \"px\";\r\n this.eventDiv_.style.marginTop = -anchor.y + \"px\";\r\n};\r\n\r\n/**\r\n * Sets the position of the label. The z-index is also updated, if necessary.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.setPosition = function () {\r\n var position = this.getProjection().fromLatLngToDivPixel(this.marker_.getPosition());\r\n this.labelDiv_.style.left = Math.round(position.x) + \"px\";\r\n this.labelDiv_.style.top = Math.round(position.y) + \"px\";\r\n this.eventDiv_.style.left = this.labelDiv_.style.left;\r\n this.eventDiv_.style.top = this.labelDiv_.style.top;\r\n};\r\n\r\n/**\r\n * Sets the z-index of the label. If the marker's z-index property has not been defined, the z-index\r\n * of the label is set to the vertical coordinate of the label. This is in keeping with the default\r\n * stacking order for Google Maps: markers to the south are in front of markers to the north.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.setZIndex = function () {\r\n var zAdjust = (this.marker_.get(\"labelInBackground\") ? -1 : +1);\r\n if (typeof this.marker_.getZIndex() === \"undefined\") {\r\n this.labelDiv_.style.zIndex = parseInt(this.labelDiv_.style.top, 10) + zAdjust;\r\n this.eventDiv_.style.zIndex = this.labelDiv_.style.zIndex;\r\n } else {\r\n this.labelDiv_.style.zIndex = this.marker_.getZIndex() + zAdjust;\r\n this.eventDiv_.style.zIndex = this.labelDiv_.style.zIndex;\r\n }\r\n};\r\n\r\n/**\r\n * Sets the clickability of the label. The label is clickable only if the\r\n * marker itself is clickable (i.e., its clickable property is true) or if\r\n * it is draggable (i.e., its draggable property is true).\r\n * @private\r\n */\r\nMarkerLabel_.prototype.setClickable = function () {\r\n this.removeMouseListeners();\r\n this.eventDiv_.style.cursor = null;\r\n if (this.marker_.getClickable() || this.marker_.getDraggable()) {\r\n this.addMouseListeners();\r\n }\r\n};\r\n\r\n/**\r\n * Sets the cursor for the label.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.setCursor = function () {\r\n this.eventDiv_.style.cursor = this.marker_.getCursor();\r\n};\r\n\r\n/**\r\n * Sets the visibility of the label. The label is visible only if the marker itself is\r\n * visible (i.e., its visible property is true) and the labelVisible property is true.\r\n * @private\r\n */\r\nMarkerLabel_.prototype.setVisible = function () {\r\n if (this.marker_.get(\"labelVisible\")) {\r\n this.labelDiv_.style.display = this.marker_.getVisible() ? \"block\" : \"none\";\r\n } else {\r\n this.labelDiv_.style.display = \"none\";\r\n }\r\n this.eventDiv_.style.display = this.labelDiv_.style.display;\r\n};\r\n\r\n/**\r\n * @name MarkerWithLabelOptions\r\n * @class This class represents the optional parameter passed to the {@link MarkerWithLabel} constructor.\r\n * The properties available are the same as for google.maps.Marker with the addition\r\n * of the properties listed below. To change any of these additional properties after the labeled\r\n * marker has been created, call google.maps.Marker.set(propertyName, propertyValue).\r\n *
\r\n * When any of these properties changes, a property changed event is fired. The names of these\r\n * events are derived from the name of the property and are of the form propertyname_changed.\r\n * For example, if the content of the label changes, a labelcontent_changed event\r\n * is fired.\r\n *
\r\n * @property {string|Node} [labelContent] The content of the label (plain text or an HTML DOM node).\r\n * @property {Point} [labelAnchor] By default, a label is drawn with its anchor point at (0,0) so\r\n * that its top left corner is positioned at the anchor point of the associated marker. Use this\r\n * property to change the anchor point of the label. For example, to center a 50px-wide label\r\n * beneath a marker, specify a labelAnchor of google.maps.Point(25, 0).\r\n * (Note: x-values increase to the right and y-values increase to the top.)\r\n * @property {string} [labelClass] The name of the CSS class defining the styles for the label.\r\n * Note that style values for position, overflow, top,\r\n * left, zIndex, display, marginLeft, and\r\n * marginTop are ignored; these styles are for internal use only.\r\n * @property {Object} [labelStyle] An object literal whose properties define specific CSS\r\n * style values to be applied to the label. Style values defined here override those that may\r\n * be defined in the labelClass style sheet. If this property is changed after the\r\n * label has been created, all previously set styles (except those defined in the style sheet)\r\n * are removed from the label before the new style values are applied.\r\n * Note that style values for position, overflow, top,\r\n * left, zIndex, display, marginLeft, and\r\n * marginTop are ignored; these styles are for internal use only.\r\n * @property {boolean} [labelInBackground] A flag indicating whether a label that overlaps its\r\n * associated marker should appear in the background (i.e., in a plane below the marker).\r\n * The default is false, which causes the label to appear in the foreground.\r\n * @property {boolean} [labelVisible] A flag indicating whether the label is to be visible.\r\n * The default is true. Note that even if labelVisible is\r\n * true, the label will not be visible unless the associated marker is also\r\n * visible (i.e., unless the marker's visible property is true).\r\n * @property {boolean} [crossOnDrag] A flag indicating whether a cross (\"X\") is to be\r\n * shown when the marker label is dragged. The default is true. The marker\r\n * is placed at the position of the cross when the drag ends.\r\n * @property {boolean} [optimized] A flag indicating whether rendering is to be optimized\r\n * for the marker. Important: The optimized rendering technique is not supported by\r\n * MarkerWithLabel, so the value of this parameter is always forced to false.\r\n * @property {string} [crossImage=\"//maps.gstatic.com/intl/en_us/mapfiles/drag_cross_67_16.png\"]\r\n * The URL of the cross image to be displayed while dragging a marker.\r\n */\r\n/**\r\n * Creates a MarkerWithLabel with the options specified in {@link MarkerWithLabelOptions}.\r\n * @constructor\r\n * @param {MarkerWithLabelOptions} [opt_options] The optional parameters.\r\n */\r\nfunction MarkerWithLabel(opt_options) {\r\n opt_options = opt_options || {};\r\n opt_options.labelContent = opt_options.labelContent || \"\";\r\n opt_options.labelAnchor = opt_options.labelAnchor || new google.maps.Point(0, 0);\r\n opt_options.labelClass = opt_options.labelClass || \"markerLabels\";\r\n opt_options.labelStyle = opt_options.labelStyle || {};\r\n opt_options.labelInBackground = opt_options.labelInBackground || false;\r\n if (typeof opt_options.labelVisible === \"undefined\") {\r\n opt_options.labelVisible = true;\r\n }\r\n if (typeof opt_options.crossOnDrag === \"undefined\") {\r\n opt_options.crossOnDrag = true;\r\n }\r\n if (typeof opt_options.clickable === \"undefined\") {\r\n opt_options.clickable = true;\r\n }\r\n if (typeof opt_options.draggable === \"undefined\") {\r\n opt_options.draggable = false;\r\n }\r\n if (typeof opt_options.optimized === \"undefined\") {\r\n opt_options.optimized = false;\r\n }\r\n opt_options.crossImage = opt_options.crossImage || \"//maps.gstatic.com/intl/en_us/mapfiles/drag_cross_67_16.png\";\r\n opt_options.optimized = false; // Optimized rendering is not supported\r\n\r\n this.label = new MarkerLabel_(this, opt_options.crossImage); // Bind the label to the marker\r\n\r\n // Call the parent constructor. It calls Marker.setValues to initialize, so all\r\n // the new parameters are conveniently saved and can be accessed with get/set.\r\n // Marker.set triggers a property changed event (called \"propertyname_changed\")\r\n // that the marker label listens for in order to react to state changes.\r\n google.maps.Marker.apply(this, arguments);\r\n}\r\n\r\nif (typeof google !== 'undefined') {\r\n inherits(MarkerWithLabel, google.maps.Marker);\r\n}\r\n\r\n/**\r\n * Overrides the standard Marker setMap function.\r\n * @param {Map} theMap The map to which the marker is to be added.\r\n * @private\r\n */\r\nMarkerWithLabel.prototype.setMap = function (theMap) {\r\n\r\n // Call the inherited function...\r\n google.maps.Marker.prototype.setMap.apply(this, arguments);\r\n\r\n // ... then deal with the label:\r\n this.label.setMap(theMap);\r\n};\r\n\r\nif (typeof module == 'object') {\r\n module.exports = MarkerWithLabel;\r\n}\r\n","// namespace velir.collections\r\nvar velir = velir || {};\r\nvelir.collections = velir.collections || {};\r\n\r\n/**\r\n* @class NameValueCollection constructor\r\n* Basic implementation of a NameValueCollection class similar to the\r\n* one available in C#. Primarily useful for building and manipulating \r\n* query strings. \r\n*/\r\nvelir.collections.NameValueCollection = function() {\r\n\tthis._collection = {};\r\n\tthis._keys = [];\r\n}; \r\n\r\n/** \r\n* NameValueCollection prototype \r\n*/\r\n(function() {\r\n\r\n\t//// Private functions ////\r\n\r\n\t/**\r\n\t* Combines the string values in the supplied array into a single\r\n\t* comma-separated string. Null values will be ignored.\r\n\t*/\r\n\tfunction combine(values) {\r\n\t\tvar combined = \"\";\r\n\t\tfor (var i = 0; i < values.length; i++) {\r\n\t\t\tvar value = values[i];\r\n\t\t\tif (!value) {\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\t\t\tcombined += value + \",\";\r\n\t\t}\r\n\t\treturn combined.length === 0 ? null : combined.substring(0, combined.length - 1);\r\n\t}\r\n\r\n\t//// public functions ////\r\n\r\n\t/**\r\n\t* Adds a new value to the collection for the specified name\r\n\t* \r\n\t* @param key The name of the value. May be null.\r\n\t* @param value The value. If the value is null, the key will still be \r\n\t* added to the collection, but the value will be blank when being converted \r\n\t* to a query string, and will not be present when being combined with other \r\n\t* values that share the same key. This mimics the behavior of the C# class.\r\n\t*/\r\n\tthis.add = function(key, value) {\r\n\t\tvar values = this._collection[key];\r\n\t\tif (!values) {\r\n\t\t\tvalues = [];\r\n\t\t\tthis._keys.push(key);\r\n\t\t}\r\n\t\tif (value) {\r\n\t\t\tvalues.push(value);\r\n\t\t}\r\n\t\tthis._collection[key] = values;\r\n\t};\r\n\r\n\t/**\r\n\t* Adds each key-value pair from the specified NameValueCollection to the \r\n\t* current collection.\r\n\t*\r\n\t* @param nvc The NameValueCollection to be added.\r\n\t*/\r\n\tthis.addNameValueCollection = function(nvc) {\r\n\t\tif (!nvc) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tvar keys = nvc.getKeys();\r\n\t\tfor (var i = 0; i < keys.length; i++) {\r\n\t\t\tvar key = keys[i];\r\n\t\t\tvar values = nvc.getValues(key);\r\n\t\t\tif (values && values.length > 0) {\r\n\t\t\t\tfor (var j = 0; j < values.length; j++) {\r\n\t\t\t\t\tthis.add(key, values[j]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tthis.add(key, null);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t* Sets the value of a parameter in the collection. If the key already\r\n\t* existed, it's value will be overwritten.\r\n\t* \r\n\t* @param key The name of the value. May be null.\r\n\t* @param value The value. If the value is null, the key will still be \r\n\t* added to the collection, but the value will be blank when being converted \r\n\t* to a query string, and will not be present when being combined with other \r\n\t* values that share the same key. This mimics the behavior of the C# class.\r\n\t*/\r\n\tthis.setValue = function(key, value) {\r\n\t\tvar values = this._collection[key];\r\n\t\tif (!values) {\r\n\t\t\tthis._keys.push(key);\r\n\t\t}\r\n\t\tvar newValues = [];\r\n\t\tif (value) {\r\n\t\t\tnewValues.push(value);\r\n\t\t}\r\n\t\tthis._collection[key] = newValues;\r\n\t};\r\n\r\n\t/**\r\n\t* Removes all keys and values from the collection.\r\n\t*/\r\n\tthis.clear = function() {\r\n\t\tthis._collection = { };\r\n\t\tthis._keys = [];\r\n\t};\r\n\r\n\t/**\r\n\t* Retrieves the value(s) for the specified name.\r\n\t* \r\n\t* @param key The name of the the desired value\r\n\t* @returns The value for the specified name. If the name\r\n\t* has more than one value, the values will be returned in a \r\n\t* comma-separated string.\r\n\t*/\r\n\tthis.getValue = function(key) {\r\n\t\tif (!this._collection[key]) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t\tvar values = this._collection[key];\r\n\t\tvar value = combine(values);\r\n\t\treturn value;\r\n\t};\r\n\r\n\t/**\r\n\t* Retrieves the value(s) at the specified index. \r\n\t* \r\n\t* @param index The zero-based index of the the desired value\r\n\t* @returns The value at the specified index. If the name\r\n\t* has more than one value, the values will be returned as a \r\n\t* comma-separated string.\r\n\t*/\r\n\tthis.getValueAt = function(index) {\r\n\t\treturn this.getValue(this._keys[index]);\r\n\t};\r\n\r\n\t/**\r\n\t* Retrieves the values at the specified index.\r\n\t* \r\n\t* @param key The name of the desired value.\r\n\t* @returns An array of values for the specified name.\r\n\t*/\r\n\tthis.getValues = function(key) {\r\n\t\tif (!this._collection[key]) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t\treturn this._collection[key];\r\n\t};\r\n\r\n\t/**\r\n\t* Retrieves the values at the specified index.\r\n\t* \r\n\t* @param index The zero-based index of the the desired values.\r\n\t* @returns An array of values at the specified index.\r\n\t*/\r\n\tthis.getValuesAt = function(index) {\r\n\t\treturn this.getValues(this._keys[index]);\r\n\t};\r\n\r\n\t/**\r\n\t* Retrieves a list of names in the collection.\r\n\t* \r\n\t* @returns An array of names in the collection.\r\n\t*/\r\n\tthis.getKeys = function() {\r\n\t\treturn this._keys;\r\n\t};\r\n\r\n\t/**\r\n\t* Removes the specified name and all associated values\r\n\t* from the collection.\r\n\t* \r\n\t* @param key The name of the key to remove.\r\n\t*/\r\n\tthis.remove = function(key) {\r\n\t\t//TODO: can we make this O(1)?\r\n\t\tvar index = $.inArray(key, this._keys);\r\n\t\tif (index > -1) {\r\n\t\t\tthis._keys.splice(index, 1);\r\n\t\t}\r\n\t\tthis._collection[key] = null;\r\n\t};\r\n\r\n\t/**\r\n\t* Renders the name-value collection as a query string.\r\n\t* \r\n\t* @returns The name-value collection rendered as a query string. Keys with\r\n\t* null values will be rendered as \"key=\" with no value. \r\n\t*/\r\n\tthis.toQueryString = function() {\r\n\t\tvar queryString = \"\";\r\n\t\tfor (var i = 0; i < this._keys.length; i++) {\r\n\t\t\tvar key = this._keys[i];\r\n\t\t\tvar value = this._collection[key];\r\n\t\t\tif (!value) {\r\n\t\t\t\tvalue = \"\";\r\n\t\t\t}\r\n\t\t\tqueryString += \"&\" + key + \"=\" + escape(value);\r\n\t\t}\r\n\t\tif (queryString.length > 0) {\r\n\t\t\treturn queryString.substring(1, queryString.length);\r\n\t\t}\r\n\t\treturn queryString;\r\n\t};\r\n\r\n\t/**\r\n\t* Parses a query string an adds all key-value pairs.\r\n\t* \r\n\t* @param queryString The query string to parse\r\n\t*/\r\n\tthis.fromQueryString = function(queryString) {\r\n\t\tif (!queryString || queryString.length === 0) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (queryString.indexOf(\"?\") > -1) {\r\n\t\t\tqueryString = queryString.split(\"?\")[1];\r\n\t\t}\r\n\t\tif (queryString.indexOf(\"#\") > -1) {\r\n\t\t\tqueryString = queryString.split(\"#\")[0];\r\n\t\t}\r\n\r\n\t\tvar keyValuePairs = queryString.split(\"&\");\r\n\t\tfor (var i = 0; i < keyValuePairs.length; i++) {\r\n\t\t\tvar pair = keyValuePairs[i];\r\n\t\t\tvar split = pair.split(\"=\");\r\n\t\t\tvar key = split[0];\r\n\t\t\tvar value = null;\r\n\t\t\tif (split.length > 1) {\r\n\t\t\t\tvalue = unescape(split[1]);\r\n\t\t\t}\r\n\t\t\tthis.add(key, value);\r\n\t\t}\r\n\t};\r\n\r\n}).call(velir.collections.NameValueCollection.prototype);\r\n\r\n//// Static members ////\r\n\r\n/**\r\n * Parses a query string into a new NameValueCollection\r\n * \r\n * @returns A new NameValueCollection containing the parsed query string.\r\n */\r\nvelir.collections.NameValueCollection.parseQueryString = function(queryString) {\r\n\tvar qs = new velir.collections.NameValueCollection();\r\n\tqs.fromQueryString(queryString);\r\n\treturn qs;\r\n};// namespace velir.datacenter\r\nvar velir = velir || {};\r\nvelir.datacenter = velir.datacenter || {};\r\n\r\n/**\r\n* @class DatacenterContainer\r\n* A container to hold information about Datacenter entities. If specified,\r\n* the container will asynchromously retrieve information about the entity,\r\n* such as its name, based on the IDs.\r\n*/\r\nvelir.datacenter.DatacenterContainer = function() {\r\n\r\n\t// copy for closure\r\n\tvar self = this;\r\n\r\n\t//// Private member functions ////\r\n\tthis.addValuesToCollection = function(nameValueCollection, paramName, valueArray) {\r\n\t\tfor (var i = 0; i < valueArray.length; i++) {\r\n\t\t\tvar value = valueArray[i];\r\n\t\t\tnameValueCollection.add(paramName, value.id);\r\n\t\t}\r\n\t};\r\n\r\n\tthis.getValuesFromCollection = function(nameValueCollection, paramName, valueArray, entityType, onLoadComplete) {\r\n\t\tvar value = nameValueCollection.getValue(paramName);\r\n\t\tif (!value) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tvar values = value.split(\",\");\r\n\t\tvar name = \"\";\r\n\t\tif (velir.datacenter.DatacenterContainer.entitySearchService) {\r\n\t\t\tname = \"Loading...\";\r\n\t\t}\r\n\t\t$(values).each(function(index, id) {\r\n\t\t\tvar obj = { id: \"\" + id, name: name };\r\n\t\t\tvalueArray.push(obj);\r\n\t\t});\r\n\r\n\t\tif (velir.datacenter.DatacenterContainer.entitySearchService) {\r\n\r\n\t\t\t//only the ID is available in the query string, but we want to be able to display\r\n\t\t\t//name, types, etc as well, so query the web service to get that info\r\n\t\t\tvar parms = JSON.stringify({\r\n\t\t\t\tids: values\r\n\t\t\t});\r\n\r\n\t\t\tvar serviceMethod = \"/Find\" + entityType + \"s\";\r\n\r\n\t\t\t$.ajax({\r\n\t\t\t\ttype: \"POST\",\r\n\t\t\t\turl: velir.datacenter.DatacenterContainer.entitySearchService + serviceMethod,\r\n\t\t\t\tdata: parms,\r\n\t\t\t\tcontentType: \"application/json; charset=utf-8\",\r\n\t\t\t\tdataType: \"json\",\r\n\t\t\t\terror: function(XMLHttpRequest, textStatus, errorThrown) {\r\n\t\t\t\t\talert(\"Error connecting to entity search service.\\n\\n\" + textStatus);\r\n\t\t\t\t},\r\n\t\t\t\tsuccess: function(result) {\r\n\t\t\t\t\tvar resultArray = JSON.parse(result.d);\r\n\r\n\t\t\t\t\tfor (var i = 0; i < resultArray.length; i++) {\r\n\t\t\t\t\t\t//replace the object in the valueArray with the result obj that matches the id\r\n\t\t\t\t\t\tvar resultObj = resultArray[i];\r\n\t\t\t\t\t\tvar index = -1;\r\n\t\t\t\t\t\t$(valueArray).each(function(j, obj) {\r\n\t\t\t\t\t\t\tif (obj.id == resultObj.id) {\r\n\t\t\t\t\t\t\t\tindex = j;\r\n\t\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tif (index > -1) {\r\n\t\t\t\t\t\t\tvalueArray.splice(index, 1, resultObj);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (onLoadComplete) {\r\n\t\t\t\t\t\tonLoadComplete();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (onLoadComplete) {\r\n\t\t\t\tonLoadComplete();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t//// Public variables & methods ////\r\n\tvar pub = {\r\n\t\t//// public variables ////\r\n\r\n\t\t// configuration\r\n\t\t/**\r\n\t\t* If set, entity names (and other information) will be loaded asynchronously via a \r\n\t\t* web service call.\r\n\t\t*/\r\n\t\tloadEntityNames: false,\r\n\r\n\t\t/**\r\n\t\t* The path to the web service providing entity lookups\r\n\t\t*/\r\n\t\tentitySearchService: \"\",\r\n\r\n\t\t// entity lists\r\n\t\tindicators: [],\r\n\t\ttimeFrames: [],\r\n\t\tdataFormatMaps: [],\r\n\t\tcharacteristics: [],\r\n\t\tlocations: [],\r\n\t\tcategories: [],\r\n\t\toverlays: [],\r\n\r\n\t\t//// public functions ////\r\n\t\t/**\r\n\t\t* Serializes the current configuration to a NameValueCollection suitable\r\n\t\t* for conversion a query string\r\n\t\t* \r\n\t\t* @returns A NameValueCollection representing the entites in this container\r\n\t\t*/\r\n\t\ttoNameValueCollection: function() {\r\n\t\t\tvar urlParams = velir.datacenter.UrlParams;\r\n\t\t\tvar qs = new velir.collections.NameValueCollection();\r\n\t\t\tself.addValuesToCollection(qs, urlParams.indicatorId, this.indicators);\r\n\t\t\tself.addValuesToCollection(qs, urlParams.timeFrameId, this.timeFrames);\r\n\t\t\tself.addValuesToCollection(qs, urlParams.dataFormatMapId, this.dataFormatMaps);\r\n\t\t\tself.addValuesToCollection(qs, urlParams.characteristicId, this.characteristics);\r\n\t\t\tself.addValuesToCollection(qs, urlParams.locationId, this.locations);\r\n\t\t\tself.addValuesToCollection(qs, urlParams.categoryId, this.categories);\r\n\t\t\treturn qs;\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t* Serializes the current configuration to a query string\r\n\t\t*/\r\n\t\ttoQueryString: function() {\r\n\t\t\treturn this.toNameValueCollection().toQueryString();\r\n\t\t},\r\n\r\n\t\t/**\r\n\t\t* Parses configuration from a query string and fills out the container\r\n\t\t*\r\n\t\t* @param queryString The query string to parse\r\n\t\t* @param onLoadComplete A callback fired to indicate that the parsing and/or async loading \r\n\t\t* of entities via a call to the web service has been completed depending on whether the \r\n\t\t* \"loadEntityNames\" flag is set.\r\n\t\t*/\r\n\t\tfromQueryString: function(queryString, onLoadComplete) {\r\n\t\t\tvar urlParams = velir.datacenter.UrlParams;\r\n\t\t\tvar qs = velir.collections.NameValueCollection.parseQueryString(queryString);\r\n\t\t\tself.getValuesFromCollection(qs, urlParams.indicatorId, this.indicators, \"Indicator\", onLoadComplete);\r\n\t\t\tself.getValuesFromCollection(qs, urlParams.timeFrameId, this.timeFrames, \"TimeFrame\", onLoadComplete);\r\n\t\t\tself.getValuesFromCollection(qs, urlParams.dataFormatMapId, this.dataFormatMaps, \"DataFormatMap\", onLoadComplete);\r\n\t\t\tself.getValuesFromCollection(qs, urlParams.characteristicId, this.characteristics, \"Characteristic\", onLoadComplete);\r\n\t\t\tself.getValuesFromCollection(qs, urlParams.locationId, this.locations, \"Location\", onLoadComplete);\r\n\t\t\tself.getValuesFromCollection(qs, urlParams.categoryId, this.categories, \"Category\", onLoadComplete);\r\n\t\t}\r\n\r\n\t};\r\n\r\n\treturn pub;\r\n};\r\n\r\n//// Static members ////\r\n\r\n/**\r\n * Parses a query string into a new DataCenterContainer\r\n * \r\n * @returns A new DatacenterContainer containing the parsed query string.\r\n */\r\nvelir.datacenter.DatacenterContainer.parseQueryString = function(queryString, onLoadComplete) {\r\n\tvar container = new velir.datacenter.DatacenterContainer();\r\n\tcontainer.fromQueryString(queryString, onLoadComplete);\r\n\treturn container;\r\n};\r\n\r\n/**\r\n* If set, entity names (and other information) will be loaded asynchronously via a \r\n* web service call to the service residing at the path specified here. Set to \r\n* false if async loading of entities is not desired.\r\n*/\r\nvelir.datacenter.DatacenterContainer.entitySearchService = false;// namespace velir.datacenter\r\nvar velir = velir || {};\r\nvelir.datacenter = velir.datacenter || {};\r\n\r\n/**\r\n* @class UrlParams\r\n* Defines various url parameter constants used by Datacenter\r\n*/\r\nvelir.datacenter.UrlParams = {\r\n\t\r\n\t//// Static Variables ////\r\n\r\n\t// the params\r\n\tindicatorId: \"ind\",\r\n\tcategoryId: \"cat\",\r\n\tlocationId: \"loc\",\r\n\tlocationTypeId: \"loct\",\r\n\tsourceId: \"src\",\r\n\ttimeFrameId: \"tf\",\r\n\tdataFormatMapId: \"fmt\",\r\n\tcharacteristicId: \"ch\",\r\n\r\n\t//// Static methods ////\r\n\r\n\t/**\r\n\t* Given a type of DataCenter entity, returns the corresponding URL parameter\r\n\t*/\r\n\tgetParameter: function(typeName) {\r\n\t\tvar urlParams = velir.datacenter.UrlParams;\r\n\t\tswitch (typeName.toLowerCase()) {\r\n\t\t\tcase \"indicator\":\r\n\t\t\t\treturn urlParams.indicatorId;\r\n\t\t\tcase \"category\":\r\n\t\t\t\treturn urlParams.categoryId;\r\n\t\t\tcase \"location\":\r\n\t\t\t\treturn urlParams.locationId;\r\n\t\t\tcase \"locationtype\":\r\n\t\t\t\treturn urlParams.locationTypeId;\r\n\t\t\tcase \"source\":\r\n\t\t\t\treturn urlParams.sourceId;\r\n\t\t\tcase \"timeframe\":\r\n\t\t\t\treturn urlParams.timeFrameId;\r\n\t\t\tcase \"dataformatmap\":\r\n\t\t\t\treturn urlParams.dataFormatMapId;\r\n\t\t\tcase \"characteristic\":\r\n\t\t\t\treturn urlParams.characteristicId;\r\n\t\t}\r\n\t\treturn null;\r\n\t}\r\n};\r\n// namespace velir.util\r\nvar velir = velir || {};\r\nvelir.forms = velir.forms || {};\r\n\r\n/**\r\n* @class GhostText\r\n* Static class that gives a text input box a 'ghost text' behavior. That is,\r\n* some text (usually instructional, such as \"Enter search terms\") that initially appears \r\n* in the text box, but clears away when the box received focus.\r\n*/\r\nvelir.forms.GhostText = {\r\n\r\n /**\r\n * Gives ghost text behavior to all the text input elements in the selection.\r\n *\r\n * @param selector A jQuery selector\r\n * @param text The ghost text to use for each text input\r\n * @param classToggle An optional CSS class name to toggle when the input is focused and blurred\r\n * @param onEnterPressed An optional callback to call when the Enter key is pressed in the text box\r\n */\r\n apply: function(selector, text, classToggle, onEnterPressed) {\r\n\r\n $(selector).each(function() {\r\n velir.forms.GhostText.applyTo($(this), text, classToggle, onEnterPressed);\r\n });\r\n },\r\n\r\n applyTo: function($e, text, classToggle, onEnterPressed) {\r\n if (!$e.is('input[type=\"text\"]')) {\r\n return;\r\n }\r\n\r\n var isNullOrEmpty = velir.util.StringUtil.isNullOrEmpty;\r\n\r\n // only set the text if an initial value has not been set already\r\n if (isNullOrEmpty($e.val())) {\r\n $e.val(text);\r\n }\r\n\r\n $e.focus(function() {\r\n if ($(this).val() !== text) {\r\n return;\r\n }\r\n $(this).val('');\r\n if (!isNullOrEmpty(classToggle)) {\r\n $(this).toggleClass(classToggle);\r\n }\r\n });\r\n\r\n $e.blur(function() {\r\n if ($(this).val() !== '') {\r\n return;\r\n }\r\n $(this).val(text);\r\n if (!isNullOrEmpty(classToggle)) {\r\n $(this).toggleClass(classToggle);\r\n }\r\n });\r\n\r\n if (onEnterPressed !== null) {\r\n $e.keypress(function(e) {\r\n if (e.keyCode == 13) {\r\n onEnterPressed(e);\r\n }\r\n });\r\n }\r\n },\r\n\r\n install: function(functionName) {\r\n $.fn[functionName] = function(text, classToggle, onEnterPressed) {\r\n return this.each(function() {\r\n velir.forms.GhostText.applyTo($(this), text, classToggle, onEnterPressed);\r\n });\r\n };\r\n }\r\n};\r\n\r\n// namespace velir.util\r\nvar velir = velir || {};\r\nvelir.util = velir.util || {};\r\n\r\n/**\r\n* @class DomUtil\r\n* Static class with utility methods for DOM manipulation\r\n*/\r\nvelir.util.DomUtil = {\r\n\r\n\t//// Static Methods ////\r\n\r\n\t/**\r\n\t* Scrolls the container element containing the specified element so that\r\n\t* the element is visible.\r\n\t*\r\n\t* @param element The element to be scrolled into view\r\n\t* @param container The scrollable element containing the element to be scrolled into view\r\n\t* @param padding The number of pixels of space to leave between the element that's being\r\n\t* scrolled into view and the edge of its container. Defaults to 4 if not specified.\r\n\t*/\r\n\tscrollElementIntoView: function(element, container, padding, animateFinishedCallback) {\r\n\t\tif (!element || !container) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (typeof (padding) == \"undefined\") {\r\n\t\t\tpadding = 4; // Default to 4 pixels of padding\r\n\t\t}\r\n\r\n\t\tvar $element = $(element);\r\n\t\tvar $container = $(container);\r\n\r\n\t\tvar $offsetParent = $element.offsetParent();\r\n\t\tif ($offsetParent.get(0) !== $container.get(0)) {\r\n\t\t\t// If the container's not visible, it's expected that it won't be calculated as the offset parent, so don't print the message\r\n\t\t\tif ($container.is(\":visible\")) {\r\n\t\t\t\tconsole.log(\"scrollElementIntoView: The specified container must be the offsetParent of the specified element. Try adding position:relative to the container.\");\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Is the element currently visible?\r\n\t\tvar offset = $element.position().top;\r\n\t\tvar visibleMin = $container.scrollTop();\r\n\t\tvar elementHeight = $element.outerHeight();\r\n\r\n\t\tvar duration = 200;\r\n\t\tif (offset < visibleMin) { // We need to scroll up\r\n\t\t\t// Put the element at the top with a couple pixels padding\r\n\t\t\t$container.stop().animate({ scrollTop: visibleMin + offset }, duration, animateFinishedCallback);\r\n\r\n\t\t}\r\n\t\telse if (offset > $container.innerHeight() - elementHeight - padding) { // Scroll down\r\n\t\t\t// Put the element at the bottom with a couple pixels padding\r\n\t\t\tvar scrollTo = visibleMin + offset - $container.height() + elementHeight + padding;\r\n\t\t\t$container.stop().animate({ scrollTop: scrollTo }, duration, animateFinishedCallback);\r\n\t\t}\r\n\t\telse {\r\n\t\t\t// Just invoke the callback\r\n\t\t\tif (animateFinishedCallback) {\r\n\t\t\t\tanimateFinishedCallback();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n};// namespace velir.util\r\nvar velir = velir || {};\r\nvelir.util = velir.util || {};\r\n\r\n/**\r\n* @class StringUtil\r\n* Static class with utility methods for working with Strings\r\n*/\r\nvelir.util.StringUtil = {\r\n\r\n\t//// Static Methods ////\r\n\r\n\t/**\r\n\t* Tests if the given string is null or an empty string\r\n\t*\r\n\t* @param str A string \r\n\t*/\r\n\tisNullOrEmpty: function(str) {\r\n\t\treturn str === null || str === undefined || str === '';\r\n\t},\r\n\r\n\t/**\r\n\t* Replaces indexed tokens in a string with text values. Any\r\n\t* arguments passed to the format function after then string value\r\n\t* will be inserted into the indexed token.\r\n\t* @param str The string to format\r\n\t*/\r\n\tformat: function(str) {\r\n\t\tvar formatted = str;\r\n\t\tfor (var i = 1; i < arguments.length; i++) {\r\n\t\t\tvar regex = new RegExp('\\\\{' + (i - 1) + '\\\\}', 'gm');\r\n\t\t\tformatted = formatted.replace(regex, arguments[i]);\r\n\t\t}\r\n\t\treturn formatted;\r\n\t}\r\n};","/*!\r\n * Lo-Dash 1.0.0-rc.3