/** * @package SaskTourism Google Maps Implementation * @version 1.3 * @author zu.com communications * @description A self contained javascript file that will dynamically display content on http://www.sasktourism.com/ * @copyright Copyright (c) 2007 zu.com communications */ SaskTourismMapsMgr = function() { return { /** * The GoogleMaps object. * @property _map * @type GMap2 * @private */ _map: {}, /** * An array of all the markers on the map. * @property _gMarkers * @type {index: GMarker} * @private */ _gMarkers: new Array(), /** * The LocationManager will contain the information for that drop down. * @property _locationManager * @type {} * @private */ _locationManager: new Array(), /** * The absoulte minimum value for zooming. * @property _minZoom * @type int * @private * @static */ _minZoom: 4, /** * The absoulte maximum value for zooming. * @property _maxZoom * @type int * @private * @static */ _maxZoom: 15, /** * The initial value for zoom when the map loads. * @property _defaultZoom * @type int * @private * @static */ _defaultZoom: 6, /** * The minimum zoom value before the results display. * @property _resultsZoom * @type int * @private * @static */ _resultsZoom: 10, /** * The default zoom level for displaying product details. * @property _detailsZoom * @type int * @private * @static */ //_detailsZoom: 13, /** * An array of different markers that are currently used. * @property _chMarkers * @type GMarkerManager * @private */ _chMarkers: {}, /** * The default Latitude coordinate for map startup. * @property _defaultLat * @type float * @private * @static */ _defaultLat: 52.562995039558004, /** * The default Longitude coordinate for map startup. * @property _defaultLng * @type float * @private * @static */ _defaultLng: -105.64453125, /** * The primary div id name which will contains all map features. * @property _mainDiv * @type string * @private * @static */ _mainDiv: "skMap", /** * The base url definition for all ajax calls. * @property _baseUrl * @type string * @private * @static */ _baseUrl: "/../../", /** * The image root will be the root of all images used within this file. * @property _imageRoot * @type string * @private * @static */ _imageRoot: "/../../images/", /** * The method name to be used for ajax calls. * @property _ajaxMethod * @type string * @private */ _ajaxMethod: "", /** * The type of map to be displayed. * @property _mapType * @type string * @private */ _mapType: "", /** * Saved Products (Products) * @property _ajaxProducts * @type mixed array * @private */ _ajaxProducts: new Array(), /** * Things to do (Products) * @property _thingsToDo * @type mixed array * @private */ _thingsToDo: "", /** * Where to stay (Products) * @property _whereToStay * @type mixed array * @private */ _whereToStay: "", /** * The will track if the results pane is displayed or not. * @property _showingResults * @type boolean * @private */ _showingResults: false, /** * The will lock the update event. * @property _lockEvent * @type boolean * @private */ _lockEvent: false, /** * The product ids to be called. * @property _ptid * @type string * @private */ _ptid: "", /** * Determines if error messages should be displayed or not. * @property _debug * @type boolean * @private */ _debug: false, /** * Saves debug messages. * @property _tracker * @type string * @private */ _tracker: "", /** * Sets the debug option. * @method setDebug * @param {boolean} debug */ setDebug: function(debug) { this._debug = debug; }, /** * Set the value of the Product Id. * @method setProducts * @param {string} pid The new value to be assigned */ setProducts: function(things, where) { this._thingsToDo = things; this._whereToStay = where; }, /** * @method getThingsToDo * @return value of _thingsToDo (ProductID) */ getThingsToDo: function() { return this._thingsToDo; }, /** * @method getWhereToStay * @return value of _whereToStay (ProductID) */ getWhereToStay: function() { return this._whereToStay; }, /** * Set the value of the ajax method to be used. * @method setAjaxMethod * @param {string} aMethod The new value to be assigned */ setAjaxMethod: function(aMethod) { this._ajaxMethod = aMethod; }, /** * Return the current ajax method to be used. * @method getAjaxMethod * @return {string} The ajax method. */ getAjaxMethod: function() { return this._ajaxMethod; }, /** * Set the value of the ajax method for this page. * @method setMapType * @param {string} mapType The new value to be assigned */ setMapType: function(mapType) { this._mapType = mapType; }, /** * Return the the defined ajax method. * @method getMapType * @return {string} The ajax method. */ getMapType: function() { return this._mapType; }, /** * This function checks a variable to see if its set or not. * @method isset. * @parm {string} variable The method to be used. * @return {boolean} Tt will either be true or false! */ isset: function(variable) { if ( variable != "" && variable != undefined && variable != null ) { return true; } else { return false; } }, /** * This function deals with error messages. * @method sendToDebug. * @parm {string} message */ sendToDebug: function(message) { if ( this._debug ) { var currentTime = new Date(); var hours = currentTime.getHours(); if(hours > 11){ post = "pm";} else {post = "am";} if(hours > 12) {hours = hours - 12;} var minutes = currentTime.getMinutes(); if (minutes < 10) {minutes = "0" + minutes;} var seconds = currentTime.getSeconds(); if (seconds < 10) {seconds = "0" + seconds;} this._tracker += "
  • " + message + " {"+hours+":"+minutes+":"+seconds+post+"}
    • "; var objDiv = document.getElementById("skMap_Debugger"); objDiv.innerHTML = "
      " + this._tracker + "
    "; objDiv.scrollTop = objDiv.scrollHeight; } else { return null; } }, /** * This function initializes the entire map functionallity. * @method init */ init: function() { //load the div panes and return the div id for the map. var mapDiv = this.loadDisplay(); //globalObj will be used as the global map for the eventListener functions. globalObj = this; //create and initialize the map by declaring new GMap2. this._map = new GMap2(document.getElementById(mapDiv)); this._map.setCenter(new GLatLng(this._defaultLat, this._defaultLng), this._defaultZoom); this.addRoundedCorners(); G_NORMAL_MAP.getMaximumResolution = function() {return globalObj._maxZoom;} G_NORMAL_MAP.getMinimumResolution = function() {return globalObj._minZoom;} this.sendToDebug("{init} The map is currently unlocked."); //adding this control will hiding the pan buttons and move the controls more to the left than the original position. this._map.addControl(new GLargeMapControl(),new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(-14,-58))); this._map.addControl(new GScaleControl()); this._map.addControl(new GMapTypeControl()); //Note: that "moveend" includes zooming in and out aswell as moving the map manually. GEvent.addListener(this._map, "moveend", this.upDateResultsPane); this.loadOptions(); if ( this._map.getZoom() < this._resultsZoom ) { this.sendToDebug("{init} Disaply info window disabled (zoom not enough)."); } this._chMarkers = new MarkerManager(this._map, {borderPadding: 0, maxZoom: this._maxZoom, trackMarkers: false}); }, /** * This function will add the rounded corners at the bottom of the map. * @method addRoundedCorners */ addRoundedCorners: function() { function bottomLeft() {} //function bottomRight() {} bottomLeft.prototype = new GControl(); //bottomRight.prototype = new GControl(); bottomLeft.prototype.initialize = function(map) { var bottomLeft = document.createElement("div"); bottomLeft.style.background = " url("+globalObj._imageRoot+"bottomLeft.png) no-repeat"; bottomLeft.style.padding = "0px"; bottomLeft.style.margin = "0px"; bottomLeft.style.width = "6px"; bottomLeft.style.height = "6px"; map.getContainer().appendChild(bottomLeft); return bottomLeft; } bottomLeft.prototype.getDefaultPosition = function() { return new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(0,0)); } //add the corners to the map this._map.addControl(new bottomLeft()); }, /** * This function will create the required html elements and append them to the main div. * @method loadDisplay * @return {string} The id for the map div. */ loadDisplay: function() { //create a hidden input element to store the xml data in. var newTempXml = document.createElement("input"); newTempXml.setAttribute("id", "skMap_xml"); newTempXml.setAttribute("type", "hidden"); newTempXml.setAttribute("value", ""); document.getElementById(this._mainDiv).appendChild(newTempXml); if ( this._debug ) { var newDebugger = document.createElement("div"); newDebugger.setAttribute("id", "skMap_Debugger"); newDebugger.style.height = "200px"; newDebugger.style.color = "#FEAC24"; newDebugger.style.background = "#666"; newDebugger.style.fontSize = "0.7em"; newDebugger.style.marginTop = "10px"; newDebugger.style.marginBottom = "10px"; newDebugger.style.border = "2px solid #999"; newDebugger.style.overflow = "auto"; document.getElementById(this._mainDiv).appendChild(newDebugger); document.getElementById(this._mainDiv).style.height = "800px"; } //return the div id for the actual map. return "skMap_loadGMap"; }, /** * This function will create the checkboxes * @method loadOptions */ loadOptions: function() { var thingsDiv = document.getElementById("thingsOptions"); var whereDiv = document.getElementById("whereOptions"); for(i=0; i "+this._thingsToDo[i].title+"\n"; this._thingsToDo[i].manager = new MarkerManager(this._map, {borderPadding: 0, maxZoom: this._maxZoom, trackMarkers: false}); } this.sendToDebug("{loadDisplay} Things to do checkboxes added, total of: '" + i +"'"); for(i=0; i "+this._whereToStay[i].title+"\n"; this._whereToStay[i].manager = new MarkerManager(this._map, {borderPadding: 0, maxZoom: this._maxZoom, trackMarkers: false}); } this.sendToDebug("{loadDisplay} Where to stay checkboxes added, total of: '" + i +"'"); }, /** * This function will determine which products should be displayed * @method applyOptions */ applyOptions: function() { if(YAHOO.util.Dom.getStyle('skMap_Options', 'display') == "none") { YAHOO.util.Dom.setStyle('skMap_Results', 'display', 'none'); YAHOO.util.Dom.setStyle('skMap_Options', 'display', 'block'); document.getElementById('switchButton_link').innerHTML = "apply choices"; YAHOO.util.Dom.setStyle('skMap_switchButton', 'width', '125px'); return true; } var thingsToDoOptions = document.skMapProducts.skMapThingsToDo; var whereToStayOptions = document.skMapProducts.skMapWhereToStay; this._counter = 0; var ptid = new Array(); var locationsPtid = new Array(); for(i=0; i 4 ) { alert("Please select a maxium of four options."); return false; } this._map.setZoom(this._map.getZoom()); this._ptid = ""; this._ptid = ptid; var loaded = false; if(this.isset(locationsPtid)) { YAHOO.util.Dom.setStyle('skMap_Options', 'display', 'none'); YAHOO.util.Dom.setStyle('skMap_Loading', 'display', 'block'); YAHOO.util.Dom.setStyle('skMap_switchButton', 'width', '151px'); document.getElementById('switchButton_link').innerHTML = "advanced options"; loaded = true; this.loadXmlDropDown(locationsPtid); } if( this.isset(this._ptid)) { if (loaded == false) { YAHOO.util.Dom.setStyle('skMap_Options', 'display', 'none'); YAHOO.util.Dom.setStyle('skMap_Loading', 'display', 'block'); YAHOO.util.Dom.setStyle('skMap_switchButton', 'width', '151px'); document.getElementById('switchButton_link').innerHTML = "advanced options"; } this.loadXml(); } else { YAHOO.util.Dom.setStyle('skMap_Loading', 'display', 'none'); YAHOO.util.Dom.setStyle('skMap_Results', 'display', 'block'); YAHOO.util.Dom.setStyle('skMap_Options', 'display', 'none'); } }, /** * This function will hide and show the advanced options pane * @method hideShowPanes * @parm {string} hide/show switch */ hideShowPanes: function(xv) { if (xv == "show") { var a = new YAHOO.util.Anim('skMap_Options', { opacity: { to: 1 } }, .7, YAHOO.util.Easing.easeNone); YAHOO.util.Dom.setStyle('skMap_Results', 'display', 'none'); YAHOO.util.Dom.setStyle('skMap_Options', 'display', 'block'); a.onComplete.subscribe(function(){ document.getElementById('switchButton_link').innerHTML = "apply choices"; YAHOO.util.Dom.setStyle('skMap_switchButton', 'width', '125px'); }); } else { var a = new YAHOO.util.Anim('skMap_Options', { opacity: { to: 0 } }, .7, YAHOO.util.Easing.easeNone); a.onComplete.subscribe(function(){ YAHOO.util.Dom.setStyle('skMap_Options', 'display', 'none'); YAHOO.util.Dom.setStyle('skMap_Loading', 'display', 'block'); YAHOO.util.Dom.setStyle('skMap_switchButton', 'width', '151px'); document.getElementById('switchButton_link').innerHTML = "advanced options"; this.loadxml(); }); } a.animate(); }, /** * This function will call up the xml file and save it for further use. * @method loadXml */ loadXmlDropDown: function(ptid) { //launch GDownload to grab the xml doc GDownloadUrl(this.buildUrlRequest("dropdown", ptid), function(data, responseCode) { if (responseCode == 200) { var hiddenInput = document.getElementById("skMap_xml"); //save the xml string into the value of a hidden input element for future use. hiddenInput.value = ""; hiddenInput.value = data; globalObj.parseXml("dropdown"); } else if(responseCode == -1) { //if there was no response then... this.sendToDebug("{loadXml} Data request timed out. Please try later."); } else { //if something goes wrong then... this.sendToDebug("{loadXml} Request resulted in error. Check XML file is retrievable."); } }); }, /** * This function will call up the xml file and save it for further use. * @method loadXml */ loadXml: function() { //launch GDownload to grab the xml doc GDownloadUrl(this.buildUrlRequest("large", null), function(data, responseCode) { if (responseCode == 200) { var hiddenInput = document.getElementById("skMap_xml"); //save the xml string into the value of a hidden input element for future use. hiddenInput.value = ""; hiddenInput.value = data; globalObj.parseXml("large"); } else if(responseCode == -1) { //if there was no response then... this.sendToDebug("{loadXml} Data request timed out. Please try later."); } else { //if something goes wrong then... this.sendToDebug("{loadXml} Request resulted in error. Check XML file is retrievable."); } }); }, /** * This function will compile the needed parameters for the ajax request. * @method buildUrlRequest. * @parm {string} type The method to be used. * @return {string} The url for the ajax call. */ buildUrlRequest: function(type, ptid) { var url = this._baseUrl; if ( type == "dropdown" ) { url += "productlocations.asp?method=locations"; } else { url += "productdata2.asp?method="+this.getAjaxMethod(); } if ( this.isset(ptid) ) { url += "&ptid="+ptid; } else if ( this.isset(this._ptid) ) { url += "&ptid="+this._ptid; } this.sendToDebug("{buildUrlRequest} " + url); return url; }, /** * This function will loap and set the points and add them to the GMarkerManager. * @method parseXml * @param {string} type The type of xml to be parsed */ parseXml: function(type) { if( type == "large" ) { var thingsToDoOptions = document.skMapProducts.skMapThingsToDo; var whereToStayOptions = document.skMapProducts.skMapWhereToStay; var data = document.getElementById("skMap_xml").value; document.getElementById("skMap_xml").value = ""; var thingsIcon = new GIcon(); thingsIcon.image = this._imageRoot + "map__icon_do_zoomedout.png"; thingsIcon.iconSize = new GSize(8,8); thingsIcon.iconAnchor = new GPoint(3,13); var whereIcon = new GIcon(); whereIcon.image = this._imageRoot + "map__icon_stay_zoomedout.png"; whereIcon.iconSize = new GSize(8,8); whereIcon.iconAnchor = new GPoint(3,13); if ( this.isset(data) ) { var xmlDoc = GXml.parse(data); var markers = xmlDoc.documentElement.getElementsByTagName("OrgProduct"); //go through each option for(i=0; i

    "+m.getTitle()+"

    "+text+"

    Complete details
    ", {maxWidth:250}); }); return m; }, /** * This function will create the lettered markers. * @method buildLetteredMaker * @param {GMarker} The current marker at that point * @param {int} The product id * @param {string} The product description * @param {string} The product name * @param {char} The letter to be used * @return {GMarker} The lettered marker that was created */ buildLetteredMaker: function(cM, pid, text, name, letter, imagePath) { var li = new GIcon(G_DEFAULT_ICON); li.image = imagePath + letter.toLowerCase() + ".png"; li.iconSize = new GSize(21,35); li.iconAnchor = new GPoint(9, 35); li.shadow = globalObj._imageRoot + "map__icon_shadow.png"; li.shadowSize = new GSize(42, 35); ct = cM.getTitle(); var t = ct var marker = new GMarker(cM.getPoint(), {draggable:false, icon:li, title:ct}); GEvent.addListener(marker, "click", function() { globalObj._lockEvent = true; globalObj._map.setCenter(cM.getPoint()); globalObj._lockEvent = true; globalObj._map.openInfoWindowHtml(cM.getPoint(), "

    "+cM.getTitle()+"

    "+text+"

    Complete details
    ", {maxWidth:250}); }); return marker; }, /** * This function will set the location from the dropdown menu. * @method changeSelectedDD * @param {int} type The index of the array that contains the details. */ changeSelectedDD: function(index) { if ( index == "" || index == "0" ) { this.sendToDebug("{changeSelectedDD} Index was zero or null."); return null; } this.sendToDebug("{changeSelectedDD} Index "+index+" was selected."); var details = this._locationManager[index]; this._map.setCenter(new GLatLng(details["latitude"], details["longitude"])); this._map.setZoom(this._resultsZoom); }, /** * This function will update the results pane after the map zooms or moves. * @method upDateResultsPane */ upDateResultsPane: function() { if ( globalObj._lockEvent == true ) { globalObj._lockEvent = false; return null; } var thingsResults = document.getElementById("thingsResults"); var whereResults = document.getElementById("whereResults"); globalObj.sendToDebug("{upDateResultsPane} Zoom:" + globalObj._map.getZoom()+"."); //if the minimum zoom has not been met, then terminate this function. if ( globalObj._map.getZoom() < globalObj._resultsZoom ) { thingsResults.innerHTML = ""; whereResults.innerHTML = ""; //globalObj._map.disableInfoWindow(); globalObj._chMarkers.clearMarkers(); globalObj._chMarkers.refresh(); return null; } else { //globalObj._map.enableInfoWindow(); } //clear the current lettered markers globalObj._chMarkers.clearMarkers(); globalObj._chMarkers.refresh(); var bounds = globalObj._map.getBounds(); var southWest = bounds.getSouthWest(); var northEast = bounds.getNorthEast(); var thingsBatch = ""; var whereBatch = ""; var jj = 0; var imagePath = globalObj._imageRoot + "map__icon_do_"; for(i=0; i southWest.lng() && point.lng() < northEast.lng() && point.lat() > southWest.lat() && point.lat() < northEast.lat() ) { var letter = String.fromCharCode("A".charCodeAt(0) + jj); if(jj > 25){letter = "blank";} globalObj._gMarkers[globalObj._thingsToDo[i].markers[j].pid] = globalObj.buildLetteredMaker(globalObj._thingsToDo[i].markers[j].marker, globalObj._thingsToDo[i].markers[j].pid, globalObj._thingsToDo[i].markers[j].text, globalObj._thingsToDo[i].markers[j].title, letter, imagePath); thingsBatch += "
    " + globalObj._thingsToDo[i].markers[j].title + " ["+globalObj._thingsToDo[i].markers[j].cat+"]
    \n"; globalObj._chMarkers.addMarker(globalObj._gMarkers[globalObj._thingsToDo[i].markers[j].pid], globalObj._resultsZoom, globalObj._maxZoom); jj++; } } } } var jj = 0; var imagePath = globalObj._imageRoot + "map__icon_stay_"; for(i=0; i southWest.lng() && point.lng() < northEast.lng() && point.lat() > southWest.lat() && point.lat() < northEast.lat() ) { var letter = String.fromCharCode("A".charCodeAt(0) + jj); if(jj > 25){letter = "blank";} globalObj._gMarkers[globalObj._whereToStay[i].markers[j].pid] = globalObj.buildLetteredMaker(globalObj._whereToStay[i].markers[j].marker, globalObj._whereToStay[i].markers[j].pid, globalObj._whereToStay[i].markers[j].text, globalObj._whereToStay[i].markers[j].title, letter, imagePath); whereBatch += "
    " + globalObj._whereToStay[i].markers[j].title + " ["+globalObj._whereToStay[i].markers[j].cat+"]
    \n"; globalObj._chMarkers.addMarker(globalObj._gMarkers[globalObj._whereToStay[i].markers[j].pid], globalObj._resultsZoom, globalObj._maxZoom); jj++; } } } } globalObj._chMarkers.refresh(); thingsResults.innerHTML = thingsBatch whereResults.innerHTML = whereBatch }, /** * This function will center and zoom to the point that was clicked. * @method clickZoomCenter * @param {GMap2} The map that was clicked * @param {GPoint} The click coords */ clickZoomCenter: function(map, point) { if ( globalObj._map.getZoom() < globalObj._resultsZoom ) { globalObj._map.setCenter(point); globalObj._map.setZoom(globalObj._resultsZoom); } } } } /** * This will be the only function explicity called * @method loadSkMapObj */ function loadSkMapObj() { stMaps = new SaskTourismMapsMgr(); stMaps.setMapType(this.preSkMap_mapType); stMaps.setAjaxMethod(this.preSkMap_ajaxMethod); stMaps.setProducts(preSkMap_thingsToDo, preSkMap_whereToStay); if ( this.preSkMap_debug == true || this.preSkMap_debug == false ) { stMaps.setDebug(this.preSkMap_debug); } if ( this.preSkMap_lock ) { stMaps.lock(); } //start everything! stMaps.init(); //this will attach a listener for when the page is left or closed, elimiating (for the most part) javascript leaks. if (window.attachEvent) { window.attachEvent("onunload", GUnload); } else { window.addEventListener("unload", GUnload, false); } } /** * Creates a new MarkerManager that will show/hide markers on a map. * * @constructor * @param {Map} map The map to manage. * @param {Object} opt_opts A container for optional arguments: * {Number} maxZoom The maximum zoom level for which to create tiles. * {Number} borderPadding The width in pixels beyond the map border, where markers should be display. * {Boolean} trackMarkers Whether or not this manager should track marker movements. */ function MarkerManager(map, opt_opts) { var me = this; me.map_ = map; me.mapZoom_ = map.getZoom(); me.projection_ = map.getCurrentMapType().getProjection(); opt_opts = opt_opts || {}; me.tileSize_ = MarkerManager.DEFAULT_TILE_SIZE_; var maxZoom = MarkerManager.DEFAULT_MAX_ZOOM_; if(opt_opts.maxZoom != undefined) { maxZoom = opt_opts.maxZoom; } me.maxZoom_ = maxZoom; me.trackMarkers_ = opt_opts.trackMarkers; var padding; if (typeof opt_opts.borderPadding == "number") { padding = opt_opts.borderPadding; } else { padding = MarkerManager.DEFAULT_BORDER_PADDING_; } // The padding in pixels beyond the viewport, where we will pre-load markers. me.swPadding_ = new GSize(-padding, padding); me.nePadding_ = new GSize(padding, -padding); me.borderPadding_ = padding; me.gridWidth_ = []; me.grid_ = []; me.grid_[maxZoom] = []; me.numMarkers_ = []; me.numMarkers_[maxZoom] = 0; GEvent.bind(map, "moveend", me, me.onMapMoveEnd_); // NOTE: These two closures provide easy access to the map. // They are used as callbacks, not as methods. me.removeOverlay_ = function(marker) { if (!marker.isInfoWindowOpened) { map.removeOverlay(marker); me.shownMarkers_--; } }; me.addOverlay_ = function(marker) { if (!marker.isInfoWindowOpened) { marker.isInfoWindowOpened = false; map.addOverlay(marker); me.shownMarkers_++; } }; me.resetManager_(); me.shownMarkers_ = 0; me.shownBounds_ = me.getMapGridBounds_(); }; // Static constants: MarkerManager.DEFAULT_TILE_SIZE_ = 1024; MarkerManager.DEFAULT_MAX_ZOOM_ = this._maxZoom; MarkerManager.DEFAULT_BORDER_PADDING_ = 100; MarkerManager.MERCATOR_ZOOM_LEVEL_ZERO_RANGE = 256; /** * Initializes MarkerManager arrays for all zoom levels * Called by constructor and by clearAllMarkers */ MarkerManager.prototype.resetManager_ = function() { var me = this; var mapWidth = MarkerManager.MERCATOR_ZOOM_LEVEL_ZERO_RANGE; for (var zoom = 0; zoom <= me.maxZoom_; ++zoom) { me.grid_[zoom] = []; me.numMarkers_[zoom] = 0; me.gridWidth_[zoom] = Math.ceil(mapWidth/me.tileSize_); mapWidth <<= 1; } }; /** * Removes all currently displayed markers * and calls resetManager to clear arrays */ MarkerManager.prototype.clearMarkers = function() { var me = this; me.processAll_(me.shownBounds_, me.removeOverlay_); me.resetManager_(); }; MarkerManager.prototype.hideMarkers = function() { var me = this; me.maxZoom_ = 0; }; MarkerManager.prototype.showMarkers = function() { var me = this; me.maxZoom_ = 17; }; /** * Gets the tile coordinate for a given latlng point. * * @param {LatLng} latlng The geographical point. * @param {Number} zoom The zoom level. * @param {GSize} padding The padding used to shift the pixel coordinate. * Used for expanding a bounds to include an extra padding * of pixels surrounding the bounds. * @return {GPoint} The point in tile coordinates. * */ MarkerManager.prototype.getTilePoint_ = function(latlng, zoom, padding) { var pixelPoint = this.projection_.fromLatLngToPixel(latlng, zoom); return new GPoint( Math.floor((pixelPoint.x + padding.width) / this.tileSize_), Math.floor((pixelPoint.y + padding.height) / this.tileSize_)); }; /** * Finds the appropriate place to add the marker to the grid. * Optimized for speed; does not actually add the marker to the map. * Designed for batch-processing thousands of markers. * * @param {Marker} marker The marker to add. * @param {Number} minZoom The minimum zoom for displaying the marker. * @param {Number} maxZoom The maximum zoom for displaying the marker. */ MarkerManager.prototype.addMarkerBatch_ = function(marker, minZoom, maxZoom) { var mPoint = marker.getPoint(); // Tracking markers is expensive, so we do this only if the // user explicitly requested it when creating marker manager. if (this.trackMarkers_) { GEvent.bind(marker, "changed", this, this.onMarkerMoved_); } GEvent.addListener(marker, "infowindowopen", function() { marker.isInfoWindowOpened = true; }); GEvent.addListener(marker, "infowindowclose", function() { marker.isInfoWindowOpened = false; }); var gridPoint = this.getTilePoint_(mPoint, maxZoom, GSize.ZERO); for (var zoom = maxZoom; zoom >= minZoom; zoom--) { var cell = this.getGridCellCreate_(gridPoint.x, gridPoint.y, zoom); cell.push(marker); gridPoint.x = gridPoint.x >> 1; gridPoint.y = gridPoint.y >> 1; } }; /** * Returns whether or not the given point is visible in the shown bounds. This * is a helper method that takes care of the corner case, when shownBounds have * negative minX value. * * @param {Point} point a point on a grid. * @return {Boolean} Whether or not the given point is visible in the currently * shown bounds. */ MarkerManager.prototype.isGridPointVisible_ = function(point) { var me = this; var vertical = me.shownBounds_.minY <= point.y && point.y <= me.shownBounds_.maxY; var minX = me.shownBounds_.minX; var horizontal = minX <= point.x && point.x <= me.shownBounds_.maxX; if (!horizontal && minX < 0) { // Shifts the negative part of the rectangle. As point.x is always less // than grid width, only test shifted minX .. 0 part of the shown bounds. var width = me.gridWidth_[me.shownBounds_.z]; horizontal = minX + width <= point.x && point.x <= width - 1; } return vertical && horizontal; } /** * Reacts to a notification from a marker that it has moved to a new location. * It scans the grid all all zoom levels and moves the marker from the old grid * location to a new grid location. * * @param {Marker} marker The marker that moved. * @param {LatLng} oldPoint The old position of the marker. * @param {LatLng} newPoint The new position of the marker. */ MarkerManager.prototype.onMarkerMoved_ = function(marker, oldPoint, newPoint) { // NOTE: We do not know the minimum or maximum zoom the marker was // added at, so we start at the absolute maximum. Whenever we successfully // remove a marker at a given zoom, we add it at the new grid coordinates. var me = this; var zoom = me.maxZoom_; var changed = false; var oldGrid = me.getTilePoint_(oldPoint, zoom, GSize.ZERO); var newGrid = me.getTilePoint_(newPoint, zoom, GSize.ZERO); while (zoom >= 0 && (oldGrid.x != newGrid.x || oldGrid.y != newGrid.y)) { var cell = me.getGridCellNoCreate_(oldGrid.x, oldGrid.y, zoom); if (cell) { if (me.removeFromArray(cell, marker)) { me.getGridCellCreate_(newGrid.x, newGrid.y, zoom).push(marker); } } // For the current zoom we also need to update the map. Markers that no // longer are visible are removed from the map. Markers that moved into // the shown bounds are added to the map. This also lets us keep the count // of visible markers up to date. if (zoom == me.mapZoom_) { if (me.isGridPointVisible_(oldGrid)) { if (!me.isGridPointVisible_(newGrid)) { me.removeOverlay_(marker); changed = true; } } else { if (me.isGridPointVisible_(newGrid)) { me.addOverlay_(marker); changed = true; } } } oldGrid.x = oldGrid.x >> 1; oldGrid.y = oldGrid.y >> 1; newGrid.x = newGrid.x >> 1; newGrid.y = newGrid.y >> 1; --zoom; } if (changed) { me.notifyListeners_(); } }; /** * Searches at every zoom level to find grid cell * that marker would be in, removes from that array if found. * Also removes marker with removeOverlay if visible. * @param {GMarker} marker The marker to delete. */ MarkerManager.prototype.removeMarker = function(marker) { var me = this; var zoom = me.maxZoom_; var changed = false; var point = marker.getPoint(); var grid = me.getTilePoint_(point, zoom, GSize.ZERO); while (zoom >= 0) { var cell = me.getGridCellNoCreate_(grid.x, grid.y, zoom); if (cell) { me.removeFromArray(cell, marker); } // For the current zoom we also need to update the map. Markers that no // longer are visible are removed from the map. This also lets us keep the count // of visible markers up to date. if (zoom == me.mapZoom_) { if (me.isGridPointVisible_(grid)) { me.removeOverlay_(marker); changed = true; } } grid.x = grid.x >> 1; grid.y = grid.y >> 1; --zoom; } if (changed) { me.notifyListeners_(); } }; /** * Add many markers at once. * Does not actually update the map, just the internal grid. * * @param {Array of Marker} markers The markers to add. * @param {Number} minZoom The minimum zoom level to display the markers. * @param {Number} opt_maxZoom The maximum zoom level to display the markers. */ MarkerManager.prototype.addMarkers = function(markers, minZoom, opt_maxZoom) { var maxZoom = this.getOptMaxZoom_(opt_maxZoom); for (var i = markers.length - 1; i >= 0; i--) { this.addMarkerBatch_(markers[i], minZoom, maxZoom); } this.numMarkers_[minZoom] += markers.length; this.refresh(); }; /** * Returns the value of the optional maximum zoom. This method is defined so * that we have just one place where optional maximum zoom is calculated. * * @param {Number} opt_maxZoom The optinal maximum zoom. * @return The maximum zoom. */ MarkerManager.prototype.getOptMaxZoom_ = function(opt_maxZoom) { return opt_maxZoom != undefined ? opt_maxZoom : this.maxZoom_; } /** * Calculates the total number of markers potentially visible at a given * zoom level. * * @param {Number} zoom The zoom level to check. */ MarkerManager.prototype.getMarkerCount = function(zoom) { var total = 0; for (var z = 0; z <= zoom; z++) { total += this.numMarkers_[z]; } return total; }; /** * Add a single marker to the map. * * @param {Marker} marker The marker to add. * @param {Number} minZoom The minimum zoom level to display the marker. * @param {Number} opt_maxZoom The maximum zoom level to display the marker. */ MarkerManager.prototype.addMarker = function(marker, minZoom, opt_maxZoom) { var me = this; var maxZoom = this.getOptMaxZoom_(opt_maxZoom); me.addMarkerBatch_(marker, minZoom, maxZoom); var gridPoint = me.getTilePoint_(marker.getPoint(), me.mapZoom_, GSize.ZERO); if(me.isGridPointVisible_(gridPoint) && minZoom <= me.shownBounds_.z && me.shownBounds_.z <= maxZoom ) { me.addOverlay_(marker); me.notifyListeners_(); } this.numMarkers_[minZoom]++; }; /** * Returns true if this bounds (inclusively) contains the given point. * @param {Point} point The point to test. * @return {Boolean} This Bounds contains the given Point. */ GBounds.prototype.containsPoint = function(point) { var outer = this; return (outer.minX <= point.x && outer.maxX >= point.x && outer.minY <= point.y && outer.maxY >= point.y); } /** * Get a cell in the grid, creating it first if necessary. * * Optimization candidate * * @param {Number} x The x coordinate of the cell. * @param {Number} y The y coordinate of the cell. * @param {Number} z The z coordinate of the cell. * @return {Array} The cell in the array. */ MarkerManager.prototype.getGridCellCreate_ = function(x, y, z) { var grid = this.grid_[z]; if (x < 0) { x += this.gridWidth_[z]; } var gridCol = grid[x]; if (!gridCol) { gridCol = grid[x] = []; return gridCol[y] = []; } var gridCell = gridCol[y]; if (!gridCell) { return gridCol[y] = []; } return gridCell; }; /** * Get a cell in the grid, returning undefined if it does not exist. * * NOTE: Optimized for speed -- otherwise could combine with getGridCellCreate_. * * @param {Number} x The x coordinate of the cell. * @param {Number} y The y coordinate of the cell. * @param {Number} z The z coordinate of the cell. * @return {Array} The cell in the array. */ MarkerManager.prototype.getGridCellNoCreate_ = function(x, y, z) { var grid = this.grid_[z]; if (x < 0) { x += this.gridWidth_[z]; } var gridCol = grid[x]; return gridCol ? gridCol[y] : undefined; }; /** * Turns at geographical bounds into a grid-space bounds. * * @param {LatLngBounds} bounds The geographical bounds. * @param {Number} zoom The zoom level of the bounds. * @param {GSize} swPadding The padding in pixels to extend beyond the * given bounds. * @param {GSize} nePadding The padding in pixels to extend beyond the * given bounds. * @return {GBounds} The bounds in grid space. */ MarkerManager.prototype.getGridBounds_ = function(bounds, zoom, swPadding, nePadding) { zoom = Math.min(zoom, this.maxZoom_); var bl = bounds.getSouthWest(); var tr = bounds.getNorthEast(); var sw = this.getTilePoint_(bl, zoom, swPadding); var ne = this.getTilePoint_(tr, zoom, nePadding); var gw = this.gridWidth_[zoom]; // Crossing the prime meridian requires correction of bounds. if (tr.lng() < bl.lng() || ne.x < sw.x) { sw.x -= gw; } if (ne.x - sw.x + 1 >= gw) { // Computed grid bounds are larger than the world; truncate. sw.x = 0; ne.x = gw - 1; } var gridBounds = new GBounds([sw, ne]); gridBounds.z = zoom; return gridBounds; }; /** * Gets the grid-space bounds for the current map viewport. * * @return {Bounds} The bounds in grid space. */ MarkerManager.prototype.getMapGridBounds_ = function() { var me = this; return me.getGridBounds_(me.map_.getBounds(), me.mapZoom_, me.swPadding_, me.nePadding_); }; /** * Event listener for map:movend. * NOTE: Use a timeout so that the user is not blocked * from moving the map. * */ MarkerManager.prototype.onMapMoveEnd_ = function() { var me = this; me.objectSetTimeout_(this, this.updateMarkers_, 0); }; /** * Call a function or evaluate an expression after a specified number of * milliseconds. * * Equivalent to the standard window.setTimeout function, but the given * function executes as a method of this instance. So the function passed to * objectSetTimeout can contain references to this. * objectSetTimeout(this, function() { alert(this.x) }, 1000); * * @param {Object} object The target object. * @param {Function} command The command to run. * @param {Number} milliseconds The delay. * @return {Boolean} Success. */ MarkerManager.prototype.objectSetTimeout_ = function(object, command, milliseconds) { return window.setTimeout(function() { command.call(object); }, milliseconds); }; /** * Refresh forces the marker-manager into a good state. *
      *
    1. If never before initialized, shows all the markers.
      2. *
    2. If previously initialized, removes and re-adds all markers.
      3. *
    */ MarkerManager.prototype.refresh = function() { var me = this; if (me.shownMarkers_ > 0) { me.processAll_(me.shownBounds_, me.removeOverlay_); } me.processAll_(me.shownBounds_, me.addOverlay_); me.notifyListeners_(); }; /** * After the viewport may have changed, add or remove markers as needed. */ MarkerManager.prototype.updateMarkers_ = function() { var me = this; me.mapZoom_ = this.map_.getZoom(); var newBounds = me.getMapGridBounds_(); // If the move does not include new grid sections, // we have no work to do: if (newBounds.equals(me.shownBounds_) && newBounds.z == me.shownBounds_.z) { return; } if (newBounds.z != me.shownBounds_.z) { me.processAll_(me.shownBounds_, me.removeOverlay_); me.processAll_(newBounds, me.addOverlay_); } else { // Remove markers: me.rectangleDiff_(me.shownBounds_, newBounds, me.removeCellMarkers_); // Add markers: me.rectangleDiff_(newBounds, me.shownBounds_, me.addCellMarkers_); } me.shownBounds_ = newBounds; me.notifyListeners_(); }; /** * Notify listeners when the state of what is displayed changes. */ MarkerManager.prototype.notifyListeners_ = function() { GEvent.trigger(this, "changed", this.shownBounds_, this.shownMarkers_); }; /** * Process all markers in the bounds provided, using a callback. * * @param {Bounds} bounds The bounds in grid space. * @param {Function} callback The function to call for each marker. */ MarkerManager.prototype.processAll_ = function(bounds, callback) { for (var x = bounds.minX; x <= bounds.maxX; x++) { for (var y = bounds.minY; y <= bounds.maxY; y++) { this.processCellMarkers_(x, y, bounds.z, callback); } } }; /** * Process all markers in the grid cell, using a callback. * * @param {Number} x The x coordinate of the cell. * @param {Number} y The y coordinate of the cell. * @param {Number} z The z coordinate of the cell. * @param {Function} callback The function to call for each marker. */ MarkerManager.prototype.processCellMarkers_ = function(x, y, z, callback) { var cell = this.getGridCellNoCreate_(x, y, z); if (cell) { for (var i = cell.length - 1; i >= 0; i--) { callback(cell[i]); } } }; /** * Remove all markers in a grid cell. * * @param {Number} x The x coordinate of the cell. * @param {Number} y The y coordinate of the cell. * @param {Number} z The z coordinate of the cell. */ MarkerManager.prototype.removeCellMarkers_ = function(x, y, z) { this.processCellMarkers_(x, y, z, this.removeOverlay_); }; /** * Add all markers in a grid cell. * * @param {Number} x The x coordinate of the cell. * @param {Number} y The y coordinate of the cell. * @param {Number} z The z coordinate of the cell. */ MarkerManager.prototype.addCellMarkers_ = function(x, y, z) { this.processCellMarkers_(x, y, z, this.addOverlay_); }; /** * Use the rectangleDiffCoords function to process all grid cells * that are in bounds1 but not bounds2, using a callback, and using * the current MarkerManager object as the instance. * * Pass the z parameter to the callback in addition to x and y. * * @param {Bounds} bounds1 The bounds of all points we may process. * @param {Bounds} bounds2 The bounds of points to exclude. * @param {Function} callback The callback function to call * for each grid coordinate (x, y, z). */ MarkerManager.prototype.rectangleDiff_ = function(bounds1, bounds2, callback) { var me = this; me.rectangleDiffCoords(bounds1, bounds2, function(x, y) { callback.apply(me, [x, y, bounds1.z]); }); }; /** * Calls the function for all points in bounds1, not in bounds2 * * @param {Bounds} bounds1 The bounds of all points we may process. * @param {Bounds} bounds2 The bounds of points to exclude. * @param {Function} callback The callback function to call * for each grid coordinate. */ MarkerManager.prototype.rectangleDiffCoords = function(bounds1, bounds2, callback) { var minX1 = bounds1.minX; var minY1 = bounds1.minY; var maxX1 = bounds1.maxX; var maxY1 = bounds1.maxY; var minX2 = bounds2.minX; var minY2 = bounds2.minY; var maxX2 = bounds2.maxX; var maxY2 = bounds2.maxY; for (var x = minX1; x <= maxX1; x++) { // All x in R1 // All above: for (var y = minY1; y <= maxY1 && y < minY2; y++) { // y in R1 above R2 callback(x, y); } // All below: for (var y = Math.max(maxY2 + 1, minY1); // y in R1 below R2 y <= maxY1; y++) { callback(x, y); } } for (var y = Math.max(minY1, minY2); y <= Math.min(maxY1, maxY2); y++) { // All y in R2 and in R1 // Strictly left: for (var x = Math.min(maxX1 + 1, minX2) - 1; x >= minX1; x--) { // x in R1 left of R2 callback(x, y); } // Strictly right: for (var x = Math.max(minX1, maxX2 + 1); // x in R1 right of R2 x <= maxX1; x++) { callback(x, y); } } }; /** * Removes value from array. O(N). * * @param {Array} array The array to modify. * @param {any} value The value to remove. * @param {Boolean} opt_notype Flag to disable type checking in equality. * @return {Number} The number of instances of value that were removed. */ MarkerManager.prototype.removeFromArray = function(array, value, opt_notype) { var shift = 0; for (var i = 0; i < array.length; ++i) { if (array[i] === value || (opt_notype && array[i] == value)) { array.splice(i--, 1); shift++; } } return shift; }; /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.4.1 */ /* Global Event DOM */ if(typeof YAHOO=="undefined"||!YAHOO){var YAHOO={};}YAHOO.namespace=function(){var A=arguments,E=null,C,B,D;for(C=0;C0)?C.dump(A[D],G-1):J);}else{I.push(A[D]);}I.push(H);}if(I.length>1){I.pop();}I.push("]");}else{I.push("{");for(D in A){if(C.hasOwnProperty(A,D)){I.push(D+E);if(C.isObject(A[D])){I.push((G>0)?C.dump(A[D],G-1):J);}else{I.push(A[D]);}I.push(H);}}if(I.length>1){I.pop();}I.push("}");}return I.join("");},substitute:function(Q,B,J){var G,F,E,M,N,P,D=YAHOO.lang,L=[],C,H="dump",K=" ",A="{",O="}";for(;;){G=Q.lastIndexOf(A);if(G<0){break;}F=Q.indexOf(O,G);if(G+1>=F){break;}C=Q.substring(G+1,F);M=C;P=null;E=M.indexOf(K);if(E>-1){P=M.substring(E+1);M=M.substring(0,E);}N=B[M];if(J){N=J(M,N,P);}if(D.isObject(N)){if(D.isArray(N)){N=D.dump(N,parseInt(P,10));}else{P=P||"";var I=P.indexOf(H);if(I>-1){P=P.substring(4);}if(N.toString===Object.prototype.toString||I>-1){N=D.dump(N,parseInt(P,10));}else{N=N.toString();}}}else{if(!D.isString(N)&&!D.isNumber(N)){N="~-"+L.length+"-~";L[L.length]=C;}}Q=Q.substring(0,G)+N+Q.substring(F+1);}for(G=L.length-1;G>=0;G=G-1){Q=Q.replace(new RegExp("~-"+G+"-~"),"{"+L[G]+"}","g");}return Q;},trim:function(A){try{return A.replace(/^\s+|\s+$/g,"");}catch(B){return A;}},merge:function(){var D={},B=arguments;for(var C=0,A=B.length;C=this.left&&A.right<=this.right&&A.top>=this.top&&A.bottom<=this.bottom);};YAHOO.util.Region.prototype.getArea=function(){return((this.bottom-this.top)*(this.right-this.left));};YAHOO.util.Region.prototype.intersect=function(E){var C=Math.max(this.top,E.top);var D=Math.min(this.right,E.right);var A=Math.min(this.bottom,E.bottom);var B=Math.max(this.left,E.left);if(A>=C&&D>=B){return new YAHOO.util.Region(C,D,A,B);}else{return null;}};YAHOO.util.Region.prototype.union=function(E){var C=Math.min(this.top,E.top);var D=Math.max(this.right,E.right);var A=Math.max(this.bottom,E.bottom);var B=Math.min(this.left,E.left);return new YAHOO.util.Region(C,D,A,B);};YAHOO.util.Region.prototype.toString=function(){return("Region {"+"top: "+this.top+", right: "+this.right+", bottom: "+this.bottom+", left: "+this.left+"}");};YAHOO.util.Region.getRegion=function(D){var F=YAHOO.util.Dom.getXY(D);var C=F[1];var E=F[0]+D.offsetWidth;var A=F[1]+D.offsetHeight;var B=F[0];return new YAHOO.util.Region(C,E,A,B);};YAHOO.util.Point=function(A,B){if(YAHOO.lang.isArray(A)){B=A[1];A=A[0];}this.x=this.right=this.left=this[0]=A;this.y=this.top=this.bottom=this[1]=B;};YAHOO.util.Point.prototype=new YAHOO.util.Region();YAHOO.register("dom",YAHOO.util.Dom,{version:"2.5.1",build:"984"});YAHOO.util.CustomEvent=function(D,B,C,A){this.type=D;this.scope=B||window;this.silent=C;this.signature=A||YAHOO.util.CustomEvent.LIST;this.subscribers=[];if(!this.silent){}var E="_YUICEOnSubscribe";if(D!==E){this.subscribeEvent=new YAHOO.util.CustomEvent(E,this,true);}this.lastError=null;};YAHOO.util.CustomEvent.LIST=0;YAHOO.util.CustomEvent.FLAT=1;YAHOO.util.CustomEvent.prototype={subscribe:function(B,C,A){if(!B){throw new Error("Invalid callback for subscriber to '"+this.type+"'");}if(this.subscribeEvent){this.subscribeEvent.fire(B,C,A);}this.subscribers.push(new YAHOO.util.Subscriber(B,C,A));},unsubscribe:function(D,F){if(!D){return this.unsubscribeAll();}var E=false;for(var B=0,A=this.subscribers.length;B0){A=H[0];}try{F=K.fn.call(J,A,K.obj);}catch(E){this.lastError=E;}}else{try{F=K.fn.call(J,this.type,H,K.obj);}catch(G){this.lastError=G;}}if(false===F){if(!this.silent){}return false;}}}return true;},unsubscribeAll:function(){for(var A=this.subscribers.length-1;A>-1;A--){this._delete(A);}this.subscribers=[];return A;},_delete:function(A){var B=this.subscribers[A];if(B){delete B.fn;delete B.obj;}this.subscribers.splice(A,1);},toString:function(){return"CustomEvent: "+"'"+this.type+"', "+"scope: "+this.scope;}};YAHOO.util.Subscriber=function(B,C,A){this.fn=B;this.obj=YAHOO.lang.isUndefined(C)?null:C;this.override=A;};YAHOO.util.Subscriber.prototype.getScope=function(A){if(this.override){if(this.override===true){return this.obj;}else{return this.override;}}return A;};YAHOO.util.Subscriber.prototype.contains=function(A,B){if(B){return(this.fn==A&&this.obj==B);}else{return(this.fn==A);}};YAHOO.util.Subscriber.prototype.toString=function(){return"Subscriber { obj: "+this.obj+", override: "+(this.override||"no")+" }";};if(!YAHOO.util.Event){YAHOO.util.Event=function(){var H=false;var I=[];var J=[];var G=[];var E=[];var C=0;var F=[];var B=[];var A=0;var D={63232:38,63233:40,63234:37,63235:39,63276:33,63277:34,25:9};return{POLL_RETRYS:2000,POLL_INTERVAL:20,EL:0,TYPE:1,FN:2,WFN:3,UNLOAD_OBJ:3,ADJ_SCOPE:4,OBJ:5,OVERRIDE:6,lastError:null,isSafari:YAHOO.env.ua.webkit,webkit:YAHOO.env.ua.webkit,isIE:YAHOO.env.ua.ie,_interval:null,_dri:null,DOMReady:false,startInterval:function(){if(!this._interval){var K=this;var L=function(){K._tryPreloadAttach();};this._interval=setInterval(L,this.POLL_INTERVAL);}},onAvailable:function(P,M,Q,O,N){var K=(YAHOO.lang.isString(P))?[P]:P;for(var L=0;L-1;O--){U=(this.removeListener(L[O],K,T)&&U);}return U;}}if(!T||!T.call){return this.purgeElement(L,false,K);}if("unload"==K){for(O=J.length-1;O>-1;O--){V=J[O];if(V&&V[0]==L&&V[1]==K&&V[2]==T){J.splice(O,1);return true;}}return false;}var P=null;var Q=arguments[3];if("undefined"===typeof Q){Q=this._getCacheIndex(L,K,T);}if(Q>=0){P=I[Q];}if(!L||!P){return false;}if(this.useLegacyEvent(L,K)){var N=this.getLegacyIndex(L,K);var M=E[N];if(M){for(O=0,R=M.length;O0&&F.length>0);}var P=[];var R=function(T,U){var S=T;if(U.override){if(U.override===true){S=U.obj;}else{S=U.override;}}U.fn.call(S,U.obj);};var L,K,O,N,M=[];for(L=0,K=F.length;L-1;L--){O=F[L];if(!O||!O.id){F.splice(L,1);}}this.startInterval();}else{clearInterval(this._interval);this._interval=null;}this.locked=false;},purgeElement:function(O,P,R){var M=(YAHOO.lang.isString(O))?this.getEl(O):O;var Q=this.getListeners(M,R),N,K;if(Q){for(N=Q.length-1;N>-1;N--){var L=Q[N];this.removeListener(M,L.type,L.fn);}}if(P&&M&&M.childNodes){for(N=0,K=M.childNodes.length;N-1;M--){L=I[M];if(L){K.removeListener(L[K.EL],L[K.TYPE],L[K.FN],M);}}L=null;}G=null;K._simpleRemove(window,"unload",K._unload);},_getScrollLeft:function(){return this._getScroll()[1];},_getScrollTop:function(){return this._getScroll()[0];},_getScroll:function(){var K=document.documentElement,L=document.body;if(K&&(K.scrollTop||K.scrollLeft)){return[K.scrollTop,K.scrollLeft];}else{if(L){return[L.scrollTop,L.scrollLeft];}else{return[0,0];}}},regCE:function(){},_simpleAdd:function(){if(window.addEventListener){return function(M,N,L,K){M.addEventListener(N,L,(K));};}else{if(window.attachEvent){return function(M,N,L,K){M.attachEvent("on"+N,L);};}else{return function(){};}}}(),_simpleRemove:function(){if(window.removeEventListener){return function(M,N,L,K){M.removeEventListener(N,L,(K));};}else{if(window.detachEvent){return function(L,M,K){L.detachEvent("on"+M,K);};}else{return function(){};}}}()};}();(function(){var EU=YAHOO.util.Event;EU.on=EU.addListener; /* DOMReady: based on work by: Dean Edwards/John Resig/Matthias Miller */ if(EU.isIE){YAHOO.util.Event.onDOMReady(YAHOO.util.Event._tryPreloadAttach,YAHOO.util.Event,true);var n=document.createElement("p");EU._dri=setInterval(function(){try{n.doScroll("left");clearInterval(EU._dri);EU._dri=null;EU._ready();n=null;}catch(ex){}},EU.POLL_INTERVAL);}else{if(EU.webkit&&EU.webkit<525){EU._dri=setInterval(function(){var rs=document.readyState;if("loaded"==rs||"complete"==rs){clearInterval(EU._dri);EU._dri=null;EU._ready();}},EU.POLL_INTERVAL);}else{EU._simpleAdd(document,"DOMContentLoaded",EU._ready);}}EU._simpleAdd(window,"load",EU._load);EU._simpleAdd(window,"unload",EU._unload);EU._tryPreloadAttach();})();}YAHOO.util.EventProvider=function(){};YAHOO.util.EventProvider.prototype={__yui_events:null,__yui_subscribers:null,subscribe:function(A,C,F,E){this.__yui_events=this.__yui_events||{};var D=this.__yui_events[A];if(D){D.subscribe(C,F,E);}else{this.__yui_subscribers=this.__yui_subscribers||{};var B=this.__yui_subscribers;if(!B[A]){B[A]=[];}B[A].push({fn:C,obj:F,override:E});}},unsubscribe:function(C,E,G){this.__yui_events=this.__yui_events||{};var A=this.__yui_events;if(C){var F=A[C];if(F){return F.unsubscribe(E,G);}}else{var B=true;for(var D in A){if(YAHOO.lang.hasOwnProperty(A,D)){B=B&&A[D].unsubscribe(E,G);}}return B;}return false;},unsubscribeAll:function(A){return this.unsubscribe(A);},createEvent:function(G,D){this.__yui_events=this.__yui_events||{};var A=D||{};var I=this.__yui_events;if(I[G]){}else{var H=A.scope||this;var E=(A.silent);var B=new YAHOO.util.CustomEvent(G,H,E,YAHOO.util.CustomEvent.FLAT); I[G]=B;if(A.onSubscribeCallback){B.subscribeEvent.subscribe(A.onSubscribeCallback);}this.__yui_subscribers=this.__yui_subscribers||{};var F=this.__yui_subscribers[G];if(F){for(var C=0;C0)?E:0;}B.Dom.setStyle(this.getEl(),C,E+D);},getAttribute:function(C){var E=this.getEl();var G=B.Dom.getStyle(E,C);if(G!=="auto"&&!this.patterns.offsetUnit.test(G)){return parseFloat(G);}var D=this.patterns.offsetAttribute.exec(C)||[];var H=!!(D[3]);var F=!!(D[2]);if(F||(B.Dom.getStyle(E,"position")=="absolute"&&H)){G=E["offset"+D[0].charAt(0).toUpperCase()+D[0].substr(1)];}else{G=0;}return G;},getDefaultUnit:function(C){if(this.patterns.defaultUnit.test(C)){return"px";}return"";},setRuntimeAttribute:function(D){var I;var E;var F=this.attributes;this.runtimeAttributes[D]={};var H=function(J){return(typeof J!=="undefined");};if(!H(F[D]["to"])&&!H(F[D]["by"])){return false;}I=(H(F[D]["from"]))?F[D]["from"]:this.getAttribute(D);if(H(F[D]["to"])){E=F[D]["to"];}else{if(H(F[D]["by"])){if(I.constructor==Array){E=[];for(var G=0,C=I.length;G0&&isFinite(K)){if(G.currentFrame+K>=J){K=J-(I+1);}G.currentFrame+=K;}};};YAHOO.util.Bezier=new function(){this.getPosition=function(E,D){var F=E.length;var C=[];for(var B=0;B0&&!(L[0] instanceof Array)){L=[L];}else{var K=[];for(M=0,O=L.length;M0){this.runtimeAttributes[P]=this.runtimeAttributes[P].concat(L);}this.runtimeAttributes[P][this.runtimeAttributes[P].length]=I;}else{F.setRuntimeAttribute.call(this,P);}};var B=function(G,I){var H=E.Dom.getXY(this.getEl());G=[G[0]-H[0]+I[0],G[1]-H[1]+I[1]];return G;};var D=function(G){return(typeof G!=="undefined");};E.Motion=A;})();(function(){var D=function(F,E,G,H){if(F){D.superclass.constructor.call(this,F,E,G,H);}};D.NAME="Scroll";var B=YAHOO.util;YAHOO.extend(D,B.ColorAnim);var C=D.superclass;var A=D.prototype;A.doMethod=function(E,H,F){var G=null;if(E=="scroll"){G=[this.method(this.currentFrame,H[0],F[0]-H[0],this.totalFrames),this.method(this.currentFrame,H[1],F[1]-H[1],this.totalFrames)];}else{G=C.doMethod.call(this,E,H,F);}return G;};A.getAttribute=function(E){var G=null;var F=this.getEl();if(E=="scroll"){G=[F.scrollLeft,F.scrollTop];}else{G=C.getAttribute.call(this,E);}return G;};A.setAttribute=function(E,H,G){var F=this.getEl();if(E=="scroll"){F.scrollLeft=H[0];F.scrollTop=H[1];}else{C.setAttribute.call(this,E,H,G);}};B.Scroll=D;})();YAHOO.register("animation",YAHOO.util.Anim,{version:"2.5.1",build:"984"});