//---------------------------------------------------------- // Copyright (C) ESRI. All rights reserved. //---------------------------------------------------------- Type.registerNamespace('ESRI.ADF.UI');ESRI.ADF.UI.AnchorPoint = function() { throw Error.invalidOperation();};ESRI.ADF.UI.AnchorPoint.prototype = { TopLeft : 0, TopRight : 1, BottomLeft : 2, BottomRight : 3 };ESRI.ADF.UI.AnchorPoint.registerEnum("ESRI.ADF.UI.AnchorPoint", false);ESRI.ADF.UI.CalloutLayout = function() { ESRI.ADF.UI.CalloutLayout.initializeBase(this);this._layout = ESRI.ADF.UI.defaultCalloutTemplate;};ESRI.ADF.UI.CalloutLayout.prototype = { set_layout: function(value) { this._layout = value;if (!value.template && value.templateUrl) { this._getTemplate();} else { this._onLayoutChanged();} }, get_layout: function() { return this._layout;}, _getTemplate: function() { this._layout.template = null;var wRequest1 = new Sys.Net.WebRequest();wRequest1.set_url(this._layout.templateUrl);wRequest1.add_completed(Function.createDelegate(this, this._onTemplateLoaded));wRequest1.invoke();}, _onTemplateLoaded: function(executor, eventArgs) { if (executor.get_responseAvailable()) { this._layout.template = executor.get_responseData();this._onLayoutChanged();} }, _onLayoutChanged: function() { var handler = this.get_events().getHandler('layoutChanged');if (handler) { handler(this, this._layout);} }, add_layoutChanged: function(handler) { this.get_events().addHandler('layoutChanged', handler);}, remove_layoutChanged: function(handler) { this.get_events().removeHandler('layoutChanged', handler);} };ESRI.ADF.UI.CalloutLayout.registerClass('ESRI.ADF.UI.CalloutLayout',Sys.Component);ESRI.ADF.UI.Callout = function() { ESRI.ADF.UI.Callout.initializeBase(this);this._parent = document.body;this._usesDefaultTemplate = true;this._isHidden = true;this._animate = true;this._autoHide = true;this._verticalOffset = 0;this._clickHandler = Function.createDelegate(this, this._onClick);this._mouseoverHandler = Function.createDelegate(this, function(e) { this.stopHideTimer();this._raiseEvent('mouseOver', e);});this._mouseoutHandler = Function.createDelegate(this, function(e) { this.startHideTimer();this._raiseEvent('mouseOut', e);});this._anchorPoint = ESRI.ADF.UI.AnchorPoint.TopLeft;this._hideDelayTime = 500;this._layout = ESRI.ADF.UI.defaultCalloutTemplate.get_layout();this._usesDefaultTemplate = true;this._defaultSpriteSize = [1000, 998];};ESRI.ADF.UI.Callout.prototype = { initialize: function() { if (this._usesDefaultTemplate) { this._layout = ESRI.ADF.UI.defaultCalloutTemplate.get_layout();ESRI.ADF.UI.defaultCalloutTemplate.add_layoutChanged(Function.createDelegate(this, function(s, layout) { if (this._usesDefaultTemplate) { this._layout = layout;this._refreshContent();} }));} if (this._layout.template) { this._createCallout();} else if (this._layout.templateUrl) { var wRequest1 = new Sys.Net.WebRequest();wRequest1.set_url(this._layout.templateUrl);wRequest1.add_completed(Function.createDelegate(this, this._onTemplateLoaded));wRequest1.invoke();} ESRI.ADF.UI.Callout.callBaseMethod(this, 'initialize');}, _onTemplateLoaded: function(executor, eventArgs) { if (executor.get_responseAvailable()) { this._layout.template = executor.get_responseData();} this._createCallout();}, _createCallout: function() { this._calloutMain = document.createElement('div');this._arrowDiv = document.createElement('div');this._contentDiv = document.createElement('div');this._calloutMain.style.position = 'absolute';this._arrowDiv.style.position = 'absolute';this._arrowDiv.style.overflow = 'hidden';var abounds = this._layout.arrowBounds[this._anchorPoint ? this._anchorPoint : 0];this._arrowDiv.style.width = abounds[2] + 'px';this._arrowDiv.style.height = abounds[3] + 'px';this._arrowImage = document.createElement('img');this._arrowImage.style.position = 'absolute';this._arrowImage.style.width = 'auto';this._arrowImage.style.height = 'auto';this._setArrowImage();this._arrowDiv.appendChild(this._arrowImage);this._contentDiv.style.position = 'absolute';this._contentDiv.style.cursor = 'default';this._calloutMain.appendChild(this._contentDiv);this._calloutMain.appendChild(this._arrowDiv);this._calloutMain.style.zIndex = ESRI.ADF.UI.Callout._zIndex;this._animation1 = new AjaxControlToolkit.Animation.FadeAnimation(this._contentDiv, 0.25, 25, AjaxControlToolkit.Animation.FadeEffect.FadeIn, 0, 1, false);this._animation2 = new AjaxControlToolkit.Animation.FadeAnimation(this._contentDiv, 0.25, 25, AjaxControlToolkit.Animation.FadeEffect.FadeOut, 0, 1, false);this._animation1.add_ended(Function.createDelegate(this, function() { this._arrowDiv.style.display = '';}));this._animation2.add_ended(Function.createDelegate(this, function() { this._calloutMain.style.display = 'none';}));if (this._isHidden) { this._calloutMain.style.display = 'none';this._arrowDiv.style.display = 'none';} this._parent.appendChild(this._calloutMain);this.setContent(this._content);this._reorient();this.setPosition(0, 0);$addHandler(this._contentDiv, "click", this._clickHandler);$addHandler(this._contentDiv, 'mouseover', this._mouseoverHandler);$addHandler(this._contentDiv, 'mouseout', this._mouseoutHandler);$addHandler(this._contentDiv, 'mousedown', function(e) { e.stopPropagation();});}, _setArrowImage: function() { if (!this._arrowImage) { return;} if (ESRI.ADF.System.__isIE6) { this._tmpimage = document.createElement('img');this._tmpimage.style.position = 'absolute';this._tmpimage.style.visibility = 'hidden';this._tmpimage.style.left = 0;this._tmpimage.style.top = 0;this._tmpimage.onload = Function.createDelegate(this, function() { if (!this._tmpimage) return;if (this._tmpimage.offsetWidth == 0) { this._arrowImage.style.width = this._defaultSpriteSize[0] + 'px';this._arrowImage.style.height = this._defaultSpriteSize[1] + 'px';} else { this._arrowImage.style.width = this._tmpimage.offsetWidth + 'px';this._arrowImage.style.height = this._tmpimage.offsetHeight + 'px';} this._tmpimage.onload = null;this._tmpimage.parentNode.removeChild(this._tmpimage);this._tmpimage.removeAttribute('src');delete this._tmpimage;});document.body.appendChild(this._tmpimage);this._tmpimage.src = this._layout.arrowUrl;this._arrowImage.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', , sizingMethod = 'crop', src='" + this._layout.arrowUrl + "');";this._arrowImage.src = esriBlankImagePath;} else { this._arrowImage.src = this._layout.arrowUrl;} }, get_width: function() { return this._value;}, set_width: function(value) { if (this._width !== value) { this._width = value;this.setContent(this._content);} }, set_layout: function(value) { this._layout = value;this._usesDefaultTemplate = false;if (!this._calloutMain) { this._createCallout();} else { this._setArrowImage();this._refreshContent();} }, get_layout: function() { return this._layout;}, dispose: function() { if (!this._calloutMain) { return;} this.hide();$clearHandlers(this._contentDiv);this._calloutMain.parentNode.removeChild(this._calloutMain);this._calloutMain = null;this._parent = null;ESRI.ADF.UI.Callout.callBaseMethod(this, 'dispose');}, setContent: function(value) { if (this._content != value) { this._content = value;this._refreshContent();this.raisePropertyChanged("content");} }, _refreshContent: function() { if (!this.get_isInitialized() || !this._contentDiv) { return;} var template = ESRI.ADF.System.templateBinder({ "callout_width": this._width ? this._width + 'px' : 'auto' }, this._layout.template);this._contentDiv.innerHTML = ESRI.ADF.System.templateBinder(this._content, template);this._reorient();}, setPosition: function(x, y) { if (!this.get_isInitialized()) { return;} this._calloutMain.style.left = x + 'px';this._calloutMain.style.top = y + 'px';}, getPosition: function() { if (!this._calloutMain) { return null;} return [parseInt(this._calloutMain.offsetLeft, 10), parseInt(this._calloutMain.offsetTop, 10)];}, checkPosition: function() { this._reorient();}, _reorient: function() { if (!this._contentDiv || this._contentDiv.style.display === 'none' || !this._contentDiv.parentNode) { return;} var bounds = Sys.UI.DomElement.getBounds(this._contentDiv);if (bounds.width == 0 || bounds.height == 0) { return;} var x = 0;var y = 0;if (this._anchorPoint == ESRI.ADF.UI.AnchorPoint.BottomRight) { x = y = -1;} else if (this._anchorPoint === ESRI.ADF.UI.AnchorPoint.TopRight) { x = -1;} else if (this._anchorPoint === ESRI.ADF.UI.AnchorPoint.BottomLeft) { y = -1;} var x2 = (x === 0 ? 1 : -1);var y2 = (y === 0 ? 1 : -1);var abounds = this._layout.arrowBounds[this._anchorPoint ? this._anchorPoint : 0];this._arrowDiv.style.width = abounds[2] + 'px';this._arrowDiv.style.height = abounds[3] + 'px';this._arrowDiv.style.left = (abounds[2] * x + abounds[6] * x2) + 'px';this._arrowDiv.style.top = (abounds[3] * y + abounds[7] * y2) + 'px';this._arrowImage.style.left = (-abounds[0]) + 'px';this._arrowImage.style.top = (-abounds[1]) + 'px';var left = (bounds.width * x + (abounds[2] + abounds[4] + abounds[6]) * x2);this._contentDiv.style.left = left + 'px';this._contentDiv.style.top = (bounds.height * y + (abounds[5] + abounds[7] - this._verticalOffset) * y2) + 'px';if (ESRI.ADF.System.__isIE6) { var tmp = this._contentDiv.style.marginRight;this._contentDiv.style.marginRight = "1px";this._contentDiv.style.marginRight = tmp;if(document.documentElement.dir == "rtl") this._contentDiv.style.left = (left - 1 * (x==0?1:0)) + 'px';else this._contentDiv.style.left = (left - 1 * x) + 'px';} }, startHideTimer: function() { this.stopHideTimer();if (this.get_autoHide()) { this._timer = window.setTimeout(Function.createDelegate(this, this.hide), this._hideDelayTime);} }, stopHideTimer: function() { if (this._timer) { window.clearTimeout(this._timer);this._timer = null;} }, show: function() { ESRI.ADF.UI.Callout._zIndex++;this._isHidden = false;if (!this.get_isInitialized()) { return;} this._calloutMain.style.zIndex = ESRI.ADF.UI.Callout._zIndex;this._calloutMain.style.visibility = 'hidden';this._calloutMain.style.display = '';this._raiseEvent('show');this._reorient();if (this._animate) { this._animation1.play();} else { this._arrowDiv.style.display = '';} this._calloutMain.style.visibility = '';}, hide: function() { if (this._isHidden) { return;} if (this._animate) { this._animation2.play();} else { this._calloutMain.style.display = 'none';} this._arrowDiv.style.display = 'none';this._isHidden = true;this._raiseEvent('hide');}, _onClick: function(e) { e.stopPropagation();this._raiseEvent('click');}, get_isOpen: function() { return !this._isHidden;}, get_content: function() { return this._content;}, get_autoHide: function() { return this._autoHide;}, set_autoHide: function(value) { if (this._autoHide != value) { this._autoHide = value;this.raisePropertyChanged("autoHide");} }, get_anchorPoint: function() { return this._anchorPoint;}, set_anchorPoint: function(value) { if (this._anchorPoint != value) { this._anchorPoint = value;this._reorient();} }, get_animate: function() { return this._animate;}, set_animate: function(value) { if (this._animate != value) { this._animate = value;} }, get_parent: function() { return this._parent;}, set_parent: function(value) { if (this._parent != value) { this._parent = value;} }, get_hideDelayTime: function() { return this._hideDelayTime;}, set_hideDelayTime: function(value) { if (this._hideDelayTime != value) { this._hideDelayTime = value;} }, get_template: function() { return this._layout.template;}, /////////////////////////////// set_template: function(value) { this._layout.template = value;this._usesDefaultTemplate = false;this._refreshContent();}, get_templateUrl: function() { return this._templateUrl;}, set_templateUrl: function(value) { this._templateUrl = value;this._usesDefaultTemplate = false;}, get_arrowImageUrl: function() { return this._layout.arrowUrl;}, set_arrowImageUrl: function(value) { this._layout.arrowUrl = value;}, get_arrowSize: function() { return this._arrowSettings.size;}, set_arrowSize: function(value) { this._arrowSettings.size = value;}, get_arrowOffset: function() { return this._arrowSettings.offset;}, set_arrowOffset: function(value) { this._arrowSettings.offset = value;}, get_calloutBuffer: function() { return this._arrowSettings.buffer;}, set_calloutBuffer: function(value) { this._arrowSettings.buffer = value;}, ////////////////////////////// get_verticalOffset: function() { return this._verticalOffset;}, set_verticalOffset: function(value) { this._verticalOffset = value;}, _raiseEvent: function(name, e) { var handler = this.get_events().getHandler(name);if (handler) { if (!e) { e = Sys.EventArgs.Empty;} handler(this, e);} }, add_closed: function(handler) { this.get_events().addHandler('closed', handler);}, remove_closed: function(handler) { this.get_events().removeHandler('closed', handler);}, add_click: function(handler) { this.get_events().addHandler('click', handler);}, remove_click: function(handler) { this.get_events().removeHandler('click', handler);}, add_show: function(handler) { this.get_events().addHandler('show', handler);}, remove_show: function(handler) { this.get_events().removeHandler('show', handler);}, add_hide: function(handler) { this.get_events().addHandler('hide', handler);}, remove_hide: function(handler) { this.get_events().removeHandler('hide', handler);}, add_mouseOut: function(handler) { this.get_events().addHandler('mouseOut', handler);}, remove_mouseOut: function(handler) { this.get_events().removeHandler('mouseOut', handler);}, add_mouseOver: function(handler) { this.get_events().addHandler('mouseOver', handler);}, remove_mouseOver: function(handler) { this.get_events().removeHandler('mouseOver', handler);} };ESRI.ADF.UI.Callout.registerClass('ESRI.ADF.UI.Callout', Sys.Component);ESRI.ADF.UI.Callout._zIndex = 1000;ESRI.ADF.UI.MapTips = function() { ESRI.ADF.UI.MapTips.initializeBase(this);this._clickHandler = Function.createDelegate(this, this._onCalloutClick);this._mouseOverHandler = Function.createDelegate(this, this._onMouseOverCallout);this._mouseOutHandler = Function.createDelegate(this, this._onMouseOutCallout);this._onMouseGfxOverHandler = Function.createDelegate(this, this._onMouseOverGfx);this._onMouseGfxOutHandler = Function.createDelegate(this, this._onMouseOutGfx);this._onMouseGfxMoveHandler = Function.createDelegate(this, this._onMouseMoveGfx);this._onCalloutShowHandler = Function.createDelegate(this, this._onCalloutShow);this._onCalloutHideHandler = Function.createDelegate(this, this._onCalloutHide);this._onZoomStartHandler = Function.createDelegate(this, function() { if (this._callout) { this._callout.hide();} window.clearTimeout(this._showDelayedTimer);this._showDelayedTimer = null;});this._onGridOriginChanged = Function.createDelegate(this, function() { this._currentElement = null;});this._onMapTipEventHandler = Function.createDelegate(this, this._onMapTipEvent);this._onCalloutContentChanged = Function.createDelegate(this, this._contentChanged);this._currentElement = null;this._hoverTemplate = '';this._contentTemplate = '';this._layout = ESRI.ADF.UI.defaultMapTipsTemplate.get_layout();this._map = null;this._callout = null;this._hoverLayers = [];this._animate = true;this._maxheight = 150;this._width = 250;this._isExpanded = false;this._maptipID = ESRI.ADF.UI.MapTips._maptipCount;this._isDisposed = false;this._autoHide = true;this._expandOnClick = true;this._showOnHover = true;this._usesDefaultTemplate = true;ESRI.ADF.UI.MapTips._maptipCount++;};ESRI.ADF.UI.MapTips.prototype = { initialize: function() { if (this._usesDefaultTemplate) { ESRI.ADF.UI.defaultMapTipsTemplate.add_layoutChanged(Function.createDelegate(this, function(s, args) { if (this._usesDefaultTemplate) { this._layout = args;if (this._callout) { this._callout.set_layout(this._createCalloutLayout()) this._setExpandCollapseState();} else { this._setupCallout();} } }));} if (this._layout.templateUrl && !this._layout.template) { var wRequest1 = new Sys.Net.WebRequest();wRequest1.set_url(this._layout.templateUrl);wRequest1.add_completed(Function.createDelegate(this, this._onTemplateLoaded));wRequest1.invoke();} else { this._setupCallout();} ESRI.ADF.UI.MapTips.callBaseMethod(this, 'initialize');}, _onTemplateLoaded: function(executor, eventArgs) { if (executor.get_responseAvailable()) { this._layout.template = executor.get_responseData();if (this._callout) { this._callout.set_layout(this._createCalloutLayout()) this._setExpandCollapseState();} else { this._setupCallout();} } }, set_template: function(value) { this._layout.template = value;this._callout.set_layout(this._createCalloutLayout());this._usesDefaultTemplate = false;this._setExpandCollapseState();}, get_template: function() { return this._layout.template;}, _bindTemplate: function(template) { var settings = { "maptip_contentID": this.get_maptipContentID(), "maptip_titleID": this.get_maptipTitleID(), "maptipID": this.get_id() };return ESRI.ADF.System.templateBinder(settings, template);}, createTemplate: function() { return null;}, set_layout: function(value) { this._layout = value;if (this._layout.templateUrl && !this._layout.template) { var wRequest1 = new Sys.Net.WebRequest();wRequest1.set_url(this._layout.templateUrl);wRequest1.add_completed(Function.createDelegate(this, this._onTemplateLoaded));wRequest1.invoke();} else { this._callout.set_layout(this._createCalloutLayout());} this._usesDefaultTemplate = false;this._setExpandCollapseState();}, get_layout: function() { return this._layout;}, _onMapTipEvent: function(s, e) { if (e.maptip === this || this._isDisposed) { return;} this._callout.set_verticalOffset(0);if (e.action === 'show' && this._autoHide) { this.collapse();this._callout.hide();window.clearTimeout(this._showDelayedTimer);this._showDelayedTimer = null;} }, collapse: function() { this._isExpanded = false;this._setExpandCollapseState();var handler = this.get_events().getHandler('collapsed');if (handler) { handler(this, this._currentElement);} this._raiseMapTipEvent("collapse");}, expand: function() { this._isExpanded = true;this._setExpandCollapseState();var handler = this.get_events().getHandler('expanded');if (handler) { handler(this, this._currentElement);} this._raiseMapTipEvent("expand");}, _setExpandCollapseState: function() { var content = $get(this.get_maptipContentID());if (!content) { return;} if (this._isExpanded) { content.style.display = '';} else { content.style.display = 'none';} this.adjustHeight();this._callout.checkPosition();if (ESRI.ADF.System.__isIE6) { var tmp = content.style.width;content.style.width = '';content.style.width = tmp;} }, _contentChanged: function(s, e) { var prop = e.get_propertyName();if (prop !== 'content') { return;} var tip = $get(this.get_maptipContentID());if (tip) { if (tip.style.display === 'none' && this._isExpanded) { tip.style.display = '';} else if (tip.style.display !== 'none' && !this._isExpanded) { tip.style.display = 'none';} this.adjustHeight();} }, _createCalloutLayout: function() { var layoutClone = Sys.Serialization.JavaScriptSerializer.deserialize(Sys.Serialization.JavaScriptSerializer.serialize(this._layout));var settings = { "callout_width": this._width + 'px', "maptip_contentID": this.get_maptipContentID(), "maptip_titleID": this.get_maptipTitleID(), "maptipID": this.get_id() };layoutClone.templateUrl = null;var template = this.createTemplate();if (template) { layoutClone.template = template;} else { layoutClone.template = this._bindTemplate(this._layout.template);} return layoutClone;}, _setupCallout: function() { if (this._callout || !this._map) { return;} this._callout = $create(ESRI.ADF.UI.Callout, { "parent": this._map._containerDiv, "animate": this._animate, "layout": this._createCalloutLayout(), "autoHide": this._autoHide, "width": this._width, "id": this.get_id() + '_callout' }, { "click": this._clickHandler, "propertyChanged": this._onCalloutContentChanged, "hide": this._onCalloutHideHandler, "show": this._onCalloutShowHandler, "mouseOver": this._mouseOverHandler, "mouseOut": this._mouseOutHandler } );this._map.add_zoomStart(this._onZoomStartHandler);this._map.add_gridOriginChanged(this._onGridOriginChanged);this._map.__add_mapTipEvent(this._onMapTipEventHandler);this._setExpandCollapseState();}, addGraphics: function(gfxLayer) { if (!this._callout && !this._map) { if (gfxLayer._map) { this._map = gfxLayer._map;this._setupCallout();} } gfxLayer.add_mouseOver(this._onMouseGfxOverHandler);gfxLayer.add_mouseOut(this._onMouseGfxOutHandler);gfxLayer.add_mouseMove(this._onMouseGfxMoveHandler);gfxLayer.add_click(this._clickHandler);Array.add(this._hoverLayers, gfxLayer);}, removeGraphics: function(gfxLayer) { gfxLayer.remove_mouseOver(this._onMouseGfxOverHandler);gfxLayer.remove_mouseOut(this._onMouseGfxOutHandler);gfxLayer.remove_mouseMove(this._onMouseGfxMoveHandler);gfxLayer.remove_click(this._clickHandler);Array.remove(this._hoverLayers, gfxLayer);}, dispose: function() { Array.forEach(this._hoverLayers, Function.createDelegate(this, function(layer) { this.removeGraphics(layer);}));if (this._map) { this._map.remove_zoomStart(this._onMapTipEventHandler);this._map.remove_gridOriginChanged(this._onGridOriginChanged);this._map.__remove_mapTipEvent(this._onZoomStartHandler);} if (this._callout) { this._callout.dispose();} this._callout = null;this._currentElement = null;this._isDisposed = true;ESRI.ADF.UI.MapTips.callBaseMethod(this, 'dispose');}, _onMouseOverGfx: function(sender, e) { if (!this._showOnHover) { return;};if (this._currentElement != e.element) { this._callout.set_verticalOffset(0);this.collapse();this._callout.hide();this._setContentByElement(e.element);if (ESRI.ADF.Geometries.Point.isInstanceOfType(e.element.get_geometry())) { this.setPosition(e.element.get_geometry());} else { var evt = ESRI.ADF.System._makeMouseEventRelativeToElement(e, this._callout.get_parent());this._callout.setPosition(evt.offsetX, evt.offsetY);} } this._callout.stopHideTimer();this._showDelayedTimer = window.setTimeout(Function.createDelegate(this, function() { this._callout.show();if (ESRI.ADF.System.__isIE6) { var content = $get(this.get_maptipContentID());var tmp = content.style.width;content.style.width = '';content.style.width = tmp;} }), 500);}, _onMouseMoveGfx: function(sender, evt) { if (this._showDelayedTimer && !this._callout.get_isOpen() && this._showOnHover && this._currentElement === evt.element && !ESRI.ADF.Geometries.Point.isInstanceOfType(evt.element.get_geometry())) { var e = ESRI.ADF.System._makeMouseEventRelativeToElement(evt, this._callout.get_parent());this._callout.setPosition(e.offsetX, e.offsetY);} }, setPosition: function(point) { var pos = this._map._toMapScreen(point);this._callout.setPosition(pos.offsetX, pos.offsetY);}, adjustHeight: function() { if (this._callout._calloutMain.style.display === 'none') { this._callout._calloutMain.style.visible = 'hidden';this._callout._calloutMain.style.display = '';} var pos = this._callout.getPosition();var offset = [parseInt(this._callout._parent.style.left, 10), parseInt(this._callout._parent.style.top, 10)];var position = [offset[0] + pos[0], offset[1] + pos[1]];var centScreen = this._map.toScreenPoint(this._map.get_extent().get_center());var align = 0;if (position[1] > this._map._mapsize[1] / 2) { align += 2;} if (position[0] > this._map._mapsize[0] / 2) { align++;} var height = this._map._mapsize[1];var offsety = this._callout._layout.arrowBounds[this._callout._anchorPoint ? this._callout._anchorPoint : 0][5];var tip = $get(this.get_maptipContentID());if (tip) { var bottomhalf = (position[1] > centScreen.offsetY);var dist = (bottomhalf ? position[1] : height - position[1]);tip.style.height = '';var tipHeight = parseInt(this._callout._contentDiv.offsetHeight, 10);var contentHeight = parseInt(tip.offsetHeight, 10);var titleHeight = tipHeight - contentHeight;var maxContentHeight = height - titleHeight;var adjustedHeight = null;if (maxContentHeight && maxContentHeight < contentHeight) { adjustedHeight = maxContentHeight;} if (this._maxheight && (adjustedHeight && adjustedHeight > this._maxheight || contentHeight > this._maxheight)) { adjustedHeight = this._maxheight;} if (adjustedHeight) { tip.style.height = adjustedHeight + 'px';contentHeight = adjustedHeight;} var os = contentHeight + titleHeight - dist + offsety * 2;if (os < 0) os = 0;this._callout.set_verticalOffset(os);} else { this._callout.set_verticalOffset(0);} if (this._callout.get_anchorPoint() != align) { this._callout.set_anchorPoint(align);} else { this._callout.checkPosition();} if (this._callout._calloutMain.style.visible === 'hidden') { this._callout._calloutMain.style.display = 'none';this._callout._calloutMain.style.visible = '';} }, _onMouseOutGfx: function(sender, e) { if (!this._showOnHover) { return;} if (this._showDelayedTimer) { window.clearTimeout(this._showDelayedTimer);this._showDelayedTimer = null;} if (this._callout.get_isOpen() && this._autoHide) { this._callout.startHideTimer();} }, _setContentByElement: function(element) { var title = ESRI.ADF.System.templateBinder(element.get_attributes(), this._hoverTemplate);var content = '';var attr = element.get_attributes() if (!this._contentTemplate) { if (attr) { content = ESRI.ADF.System.attributeTableRenderer(attr);} } else { content = ESRI.ADF.System.templateBinder(attr, this._contentTemplate);} if (!title) { title = '
 
';} this.setContent(content, title);this._currentElement = element;this._setExpandCollapseState();}, _onCalloutClick: function() { if (this._expandOnClick) { this.expand();} }, _onCalloutShow: function() { this.adjustHeight();this._raiseMapTipEvent("show");}, _onCalloutHide: function() { this._raiseMapTipEvent("hide");}, _raiseMapTipEvent: function(action) { if (this._map) { this._map._raiseEvent('mapTipEvent', { "maptip": this, "element": this._currentElement, "action": action });} }, _onMouseOverCallout: function() { if (this._currentElement) { this._currentHighlight = this._currentElement;} }, _onMouseOutCallout: function(e) { if (this._currentElement && this.autoHide) { this._callout.startHideTimer();} }, setContent: function(content, title) { this._callout.setContent({ "content": content, "title": title });}, get_animate: function() { if (this.get_isInitialized()) { return this._callout.get_animate();} else { return this._animate;} }, set_animate: function(value) { this._animate = value;if (this.get_isInitialized()) { this._callout.set_animate(value);} }, get_maxheight: function() { return this._maxheight;}, set_maxheight: function(value) { this._maxheight = value;}, get_width: function() { return this._width;}, set_width: function(value) { this._width = value;if (this._callout != null) { this._callout.set_width(value);} }, get_showOnHover: function() { return this._showOnHover;}, set_showOnHover: function(value) { this._showOnHover = value;if (value === false && this._callout) { this._callout.hide();} }, __set_map: function(value) { if (this._callout && this._map != value) { throw new Error.invalidOperation('Cannot change the map on MapTips once initialized');} this._map = value;this._setupCallout();}, get_callout: function() { return this._callout;}, get_contentTemplate: function() { return this._contentTemplate;}, set_contentTemplate: function(value) { this._contentTemplate = value;}, get_hoverTemplate: function() { return this._hoverTemplate;}, set_hoverTemplate: function(value) { this._hoverTemplate = value;}, set_autoHide: function(value) { this._autoHide = value;}, get_autoHide: function() { return this._autoHide;}, get_expandOnClick: function() { return this._expandOnClick;}, set_expandOnClick: function(value) { this._expandOnClick = value;}, get_isExpanded: function() { return this._isExpanded;}, get_maptipContentID: function() { return "content_" + this._maptipID;}, get_maptipTitleID: function() { return "title_" + this._maptipID;}, add_expanded: function(handler) { this.get_events().addHandler('expanded', handler);}, remove_expanded: function(handler) { this.get_events().removeHandler('expanded', handler);}, add_collapsed: function(handler) { this.get_events().addHandler('collapsed', handler);}, remove_collapsed: function(handler) { this.get_events().removeHandler('collapsed', handler);} };ESRI.ADF.UI.MapTips.registerClass('ESRI.ADF.UI.MapTips', Sys.Component);ESRI.ADF.UI.MapTips._maptipCount = 0;ESRI.ADF.UI.createMapTips = function(gfxLayer,map) { return new ESRI.ADF.UI.MapTips(gfxLayer,map);};Sys.Application.add_init(function() { var calloutSettings = { "template": '
{@content}
', "templateUrl": null, "arrowUrl": ESRI.ADF.UI.calloutArrowUrl, "arrowBounds": [ [0, 0, 18, 30, 0, 6, 5, 5], [20, 0, 18, 30, 0, 6, 5, 5], [0, 30, 18, 30, 0, 6, 5, 5], [20, 30, 18, 30, 0, 6, 5, 5] ] };ESRI.ADF.UI.defaultCalloutTemplate = new ESRI.ADF.UI.CalloutLayout();ESRI.ADF.UI.defaultCalloutTemplate.set_layout(calloutSettings);var spriteStyle = String.format(".esriDefaultMaptip .esriDefaultMaptipWindowSprite {{ background-image:url({0}); width:1000px; height:998px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='{0}'); }}", ESRI.ADF.UI._maptipsSprite);var pa = document.getElementsByTagName('head')[0];var el = document.createElement('style');el.type = 'text/css';el.media = 'screen';if (el.styleSheet) el.styleSheet.cssText = spriteStyle;else el.appendChild(document.createTextNode(spriteStyle));pa.appendChild(el);var isRTL = (document.documentElement.dir == "rtl");var maptipSettings = { "template": '
{@title} 
', "templateUrl": null, "arrowUrl": ESRI.ADF.UI._maptipsSprite, "arrowBounds": [ [954, 921, 16, 17, -1, -3, 5, -7], [939, 921, 16, 17, -1, -3, 5, -7], [954, 921, 16, 17, -1, -3, 5, -7], [939, 921, 16, 17, -1, -3, 5, -7] ] };ESRI.ADF.UI.defaultMapTipsTemplate = new ESRI.ADF.UI.CalloutLayout();ESRI.ADF.UI.defaultMapTipsTemplate.set_layout(maptipSettings);});if (typeof(Sys) !== "undefined") { Sys.Application.notifyScriptLoaded();} if(typeof(Sys)!=='undefined')Sys.Application.notifyScriptLoaded();